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:

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

Resultado:

Ejemplo de div y span

Esto es un párrafo dentro de un div, y esto un span dentro de un párrafo.

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

El elemento span en la especificación de html 4.01

Soporte

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

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