Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
span
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 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:
<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