Elemento span en HTML

Elemento span en html

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 contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLSpanElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.