Las etiquetas <span> y <div> son aquellas que nos permiten contener algún elemento más dentro de ellas, es decir, actúan como contenedores, por lo que a simple vista no se ven. Al ser contenedores se abren y se cierran las etiquetas, <div></div> y <span> </span>, sin embargo, a pesar de que son contenedores tienen funciones muy distintas.
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.
Las etiquetas span se utilizan para dar propiedad a trozos de texto de un párrafo por ejemplo, quedando así:
<p>Estamos aprendiendo a utilizar la <span class="resaltado">etiqueta span</span> de Html en este tutorial tan majo.</p>
Se usa para dar propiedades a un bloque entero como por ejemplo a un menú y no tener que andar uno por uno, por ejemplo:
<div class="menu">
<ul>
<li>enlace 1</li>
<li>enlace 2</li>
<li>enlace 3</li>
</ul>
</div>
<p>Estamos aprendiendo a utilizar la <span class="resaltado">etiqueta span</span> de Html en este tutorial tan majo.</p>
Se usa para dar propiedades a un bloque entero como por ejemplo a un menú y no tener que andar uno por uno, por ejemplo:
<div class="menu">
<ul>
<li>enlace 1</li>
<li>enlace 2</li>
<li>enlace 3</li>
</ul>
</div>
No hay comentarios:
Publicar un comentario