Diferencias entre div y span
AUTOR PREGUNTA #1
¿Cuál es la diferencia entre div y span? desde el punto de vista de estructura web me genera confusion el uso de div y span.
-
2 personas más tuvieron esta duda Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
AUTOR PREGUNTA #2
Bueno segun lo que he investigado, ambas etiquetas tienen las mismas propiedades, pero la diferencia varia en la función que tienen, ya que mientras la etiqueta span trabaja sólo como contenedor de línea, la etiqueta div trabaja como contenedor de bloque.
La etiqueta span sólo funciona como contenedor de una línea, es decir, no se puede ampliar para ocupar un párrafo, por ejemplo, lo que si puede hacer div. El span se utiliza para contener frases, botones, iconos, elementos de una linea. Los div se utilizan para maquetar el contenido.
Espero les sirva a todos!
#3
Ejemplo
<div id="header"> <div id="userbar"> Hi there, <span class="username">Chris Marasti-Georg</span> | <a href="/edit-profile.html">Profile</a> | <a href="http://www.bowlsk.com/_ah/logout?...">Sign out</a> </div> <h1><a href="/">Bowl<span class="sk">SK</span></a></h1> </div>
Esta sería la forma correcta de usar span como contenedor de bloque, fastidioso verdad? por ello es que es mejor usar div para bloques y span cuando es lineal.