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 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.