span

Definición

span - abarcar. Es un contenedor en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.

Sus etiquetas son: <span> y </span> (ambas obligatorias).

Está definido como: Elemento especial, y por lo tanto en línea.

Crea una caja: En línea.

Puede contener: Texto, y/o Elementos en línea.

Atributos

atributo descripción valor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip". Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento. Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS. Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS. Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos. Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas. Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
datasrc Enlaza a una fuente de datos externa (individual o tabular). Reservado para posibles usos futuros. Una dirección URI. Por defecto: Lo fija el navegador.
datafld El nombre de una propiedad o columna de datasrc. Reservado para posibles usos futuros. Por defecto: Lo fija el navegador.
dataformatas Indica como deben ser tratados los datos obtenidos de datasrc. Reservado para posibles usos futuros. Uno de los siguientes: 'paintext' o 'html'. Por defecto: 'plaintext'
De transición
No tiene
atributo descripción valor

Ejemplos de uso

div y span

código:

html
<div style="border: 1px dotted blue;">
  <h4>Ejemplo de div y span</h4>
  <p>
    Esto es un párrafo dentro de un div,
    <span style="color: red;"> y esto un span dentro de un párrafo. </span>
  </p>
</div>

Estilo predeterminado

Por definición span no debe tener ningún estilo predefinido. Estos dos párrafos deben verse igual:

<p> Esto es un párrafo, bla, bla, bla. </p>
<p> Esto es un párrafo, <span>bla, bla, bla.</span> </p>

Notas

Referencia

Soporte

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.


Nota: Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.

Categoría

interwiki links

automatismos