span - abarcar. Es un contenedor en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.
<span> y </span> (ambas obligatorias).| 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 |
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:
Esto es un párrafo dentro de un div, y esto un span dentro de un párrafo.
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>
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