Volver al índiceLa etiqueta <span>

La etiqueta <span>

La etiqueta <span> permite agrupar varios elementos en línea seguidos dentro de un mismo bloque (por ejemplo, varias palabras seguidas en un párrafo), para después darles formato con la hoja de estilo.

Correcto en Firefox Correcto en Internet Explorer Correcto en Chrome
<p>El primer servidor web de la historia se instaló en el CERN en 
<span>diciembre de 1990</span> (<a
href="http://en.wikipedia.org/wiki/Image:First_Web_Server.jpg">foto</a>)</p>
El primer servidor web de la historia se instaló en el CERN en diciembre de 1990 (foto)
Correcto en Firefox Correcto en Internet Explorer Correcto en Chrome
span { 
  font-style: oblique; 
  text-decoration: underline; 
}

A menudo, la etiqueta <span> se emplea para asignar clases a porciones de texto.

Correcto en Firefox Correcto en Internet Explorer Correcto en Chrome
<p>El <span class="resaltar">primer servidor web de la historia</span> 
se instaló en el CERN en <span class="fecha">diciembre de 1990</span> (<a
href="http://en.wikipedia.org/wiki/Image:First_Web_Server.jpg">foto</a>)</p>
El primer servidor web de la historia se instaló en el CERN en diciembre de 1990 (foto)
Correcto en Firefox Correcto en Internet Explorer Correcto en Chrome
span.fecha { 
  font-style: oblique; 
  text-decoration: underline; 
}
span.resaltar { color: red; }

Las hojas de estilo por defecto de los navegadores no aplican ningún estilo a la etiqueta <span>.

Última modificación de esta página: 25 de octubre de 2011

Licencia de Creative Commons
Páginas web HTML / XHTML y hojas de estilo CSS por Bartolomé Sintes Marco
se distribuye bajo una Licencia Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional (CC BY-SA 4.0).