
Un elemento html span es un contenedor inline genérico, que no representa un tipo específico de contenido, y se puede utilizar para agrupar elementos para formatear ya sea usando el id
o atributo class
o porque los elementos comparten una propiedad tal como una lang
.
Este artículo sólo debe usarse si ningún otro artículo es adecuado. El elemento <span>
es muy similar al elemento <div>, pero el elemento <div>
es un elemento de nivel de bloque y el elemento <span>
es un elemento en línea.
Ejemplo de uso del elemento <span>
dentro de un párrafo (elemento <p>
):
< p > < span > Contenido de texto </ span > </ p >
Otro ejemplo que usa el elemento < span>
para contener un enlace(link) con la propiedad agregada class
para un formato posterior:
<li> <span class="link"> <a href="#"> HTML </a> </span> </li>
Código CSS para formatear el elemento <span>
anterior:
.link { background-color: #F0F0F0; }
Etiqueta html span
Clasificaciones de contenido | Elemento organizativo o elemento normal. |
---|---|
Contenido permitido | Contenido ordinario. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido normal. |
Interfaz DOMO | HTMLSpanElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento se pueden utilizar propiedades globales.
- Introducción al Lenguaje de Programación HTML
- Elemento HTML
- Elemento base en HTML
- Elemento head en HTML
- Elemento link en HTML
- Elemento meta en HTML
- Elemento style en HTML
- Elemento title en HTML
- Elemento body en HTML
- Elemento address en HTML
- Elemento article en HTML
- Elemento aside en HTML
- Elemento footer en HTML
- Elementos h1 al h6 en HTML
- Elemento header en HTML
- Elemento section en HTML
- Elemento blockquote en HTML
- Elemento nav en HTML
- Elemento dd en HTML
- Elemento div en HTML
- Elemento dl en HTML
- Elemento dt en HTML
- Elemento figcaption en HTML
- Elemento figure en HTML
- Elemento hr en HTML
- Elemento li en HTML
- Elemento main en HTML
- Resumen General de Listas en HTML
- Elemento ol en HTML
- Elemento p en HTML
- Descripción de las Etiquetas HTML
- Qué son los Atributos HTML
- Elemento ul en HTML
- Elemento a en HTML
- Elemento pre en HTML
- El Texto en HTML
- Elemento abbr en HTML
- Elemento b en HTML
- Elemento bdi en HTML
- Elemento bdo en HTML
- Elemento br en HTML
- Elemento cite en HTML