Skip to main content

¿Qué es una etiqueta de extensión HTML?

Hyper Text Markup Language (HTML) es un conjunto especializado de códigos de computadora que se utiliza para determinar cómo aparece una página web. Cada elemento está etiquetado con un código específico para que el navegador muestre el texto en la forma en que el etiquetador lo ha previsto. La etiqueta span está indicada por y se usa para agregar un gancho a una parte específica del texto.

La etiqueta de extensión html es similar a la división lógica o etiqueta div . Ambos se usan con hojas de estilo en cascada (CSS), un lenguaje que los desarrolladores web usan para asignar propiedades de estilo a documentos web html, xhtml y xml. El uso de CSS permite la separación del contenido de los elementos de presentación, como el diseño, la fuente y el color. Esto hace que el contenido sea más accesible y la presentación más flexible.

La etiqueta de extensión html no realiza ningún cambio activo en el texto indicado, a diferencia de las etiquetas que indican el tamaño del encabezado, el párrafo o el color del texto. En cambio, esta etiqueta se usa para agrupar una porción de html y para enganchar alguna otra información a esa porción. La etiqueta div html funciona de manera similar, pero cada etiqueta tiene un propósito diferente.

La etiqueta div divide una página web en grandes secciones. Su uso permite a los desarrolladores definir el estilo de una gran sección de código html. Con la etiqueta div, viene la capacidad de nombrar las secciones etiquetadas para que puedan tratarse fácilmente en CSS. Tenga en cuenta que la etiqueta div html rompe los párrafos. En otras palabras, puede tener párrafos dentro de una sección marcada con div, pero no puede tener un div dentro de un párrafo.

La etiqueta de extensión html es similar a la etiqueta div ya que encierra una sección de texto. Sin atributos de estilo, no cambiará el texto que ha incluido. no formateará sin etiquetas de atributos, donde div incluye saltos.

Tres atributos útiles que se pueden usar con la etiqueta de extensión html son estilo, clase e id. Al usar span, se puede adjuntar un atributo específico a una pequeña porción de texto. Por ejemplo, si una oración está escrita en un Título de nivel 1 y la última palabra debe ser roja, la etiqueta de extensión html se puede usar para lograr esto. Vea el ejemplo a continuación.

<H1> Esto debería ser <span style = "color: # f00;"> rojo </span> </H1>

dará este resultado:

Esto debería ser rojo

Al encerrar la palabra deseada con la etiqueta html span, el atributo, en este caso el color rojo, se limita a la única palabra indicada. Cabe señalar que la etiqueta de extensión html puede estar dentro de las etiquetas de párrafo o div. Al igual que con todas las etiquetas html, debe cerrar el elemento para que funcione correctamente.