¿Qué es span en HTML?

Escrito por serm murmson | Traducido por mary lascano
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
¿Qué es span en HTML?
La etiqueta en HTML se utiliza para el formato de texto en línea (Comstock/Comstock/Getty Images)

El elemento <span> del lenguaje de marcado de hipertexto (HTML) es diferente de la etiqueta <div> ya que no tiene ningún efecto sobre la estructura o pausas de tu documento HTML. En cambio, la etiqueta <span> se utiliza exclusivamente para el formato y los efectos sobre el texto que se muestra en el documento.

Otras personas están leyendo

Elementos

El elemento <span> HTML se utiliza para el formato de texto en línea. Esto significa que los artículos modificados por el elemento <span> están rodeados por otro texto y no constituyen su propio objeto dentro del alcance del documento HTML (un elemento <div>, por el contrario, rompe la estructura del documento para la flexibilidad de posicionamiento ). Al igual que cualquier etiqueta HTML, el elemento <span> debe ser cerrado después de su uso previsto con una etiqueta de cierre </ span>. Debes especificar los parámetros de formato dentro de la etiqueta <span>. De lo contrario, no tiene ningún efecto en el texto adjunto.

Aplicar estilos a una etiqueta <span>

El formato Hojas de Estilo Cascada (CSS) es ampliamente utilizado en conjunción con etiquetas <span>. Los parámetros de formato exactos se pueden declarar como una clase o ID en el documento HTML o en una hoja de estilos independiente. Una vez que se ha especificado el tipo CSS o ID, se le puede llamar a la etiqueta <span>. Por ejemplo, <span class="bigletters"> se aplica el formato de las clases "bigletters" en el texto, que fue rodeado por las etiquetas de apertura y cierre. Alternativamente, puedes dar estilo a instancias individuales de <span> sin uso de clases o ID. Por ejemplo, <span style="color: #ff00ff"> sería colorear el texto adjunto en magenta.

Otro formato con <span>

El elemento <span> soporta otros atributos de formato también. Por ejemplo, puedes utilizar <span> para cambiar la dirección del texto que se adjunta; con el atributo "dir": <span dir="rtl"> haces que el texto adjunto esté en un orden de derecha a izquierda. Además, puedes utilizar el atributo title para añadir información a texto que se muestra cuando el cursor está sobre él. Por ejemplo, <span title="esto es texto especial"> muestra el texto del título al colocar el cursor sobre el texto adjunto.

Secuencias de comandos en <span>

El elemento <span> también admite la ejecución de JavaScript cuando se realizan ciertas acciones del ratón o el teclado. La secuencia de comandos puede definirse en la etiqueta <span>, en otro lugar del documento HTML, o en un archivo de script externo. Por ejemplo, <span onclick="return blangs()"> correría la función llamada blangs cuando se hace clic sobre el texto distribuido.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles