span
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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
- 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.
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