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>.

Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 25 de octubre de 2011

Creative Commons License
Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.