Diferencias entre div y span



   AUTOR PREGUNTA

Publicado 14 marzo 2014 - 16:04

¿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

   AUTOR PREGUNTA

Publicado 14 marzo 2014 - 16:07

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!


 

Publicado 26 septiembre 2015 - 04:54

 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.