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

<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

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

<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

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

Autor: Bartolomé Sintes Marco
Última modificación: 26 de octubre de 2010