HTML strong

La etiqueta <strong> en HTML se utiliza para dar importancia o énfasis a un texto específico dentro de un elemento contenedor. El texto dentro de esta etiqueta se presenta en negrita por defecto.

La etiqueta <strong> es un elemento de contenido de flujo, lo que significa que puede contener cualquier tipo de contenido, como texto, imágenes, enlaces, etc.

Ejemplo:

<p>Este es un párrafo de texto <strong>con una palabra importante</strong> resaltada.</p>
Lenguaje del código: HTML, XML (xml)

La etiqueta <strong> tiene un significado semántico, indicando que el texto dentro de la etiqueta es más importante que el texto fuera de ella, y su uso es recomendado para dar una mejor accesibilidad al contenido, ya que los lectores de pantalla pueden dar un tratamiento especial al texto dentro de esta etiqueta.

También se pueden aplicar estilos CSS para cambiar el aspecto del texto dentro de la etiqueta <strong>, sin embargo, se recomienda utilizarlo para dar importancia semántica al texto y no solo para cambiar el estilo.

Atributos

La etiqueta <strong> en HTML no tiene atributos específicos, sin embargo, se pueden utilizar los atributos globales en cualquier elemento HTML. Los atributos más comunes utilizados con <strong> son:

  • class: Este atributo permite asignar una o varias clases al elemento <strong>, lo que permite aplicar estilos CSS específicos a través de una hoja de estilo en cascada (CSS).

Ejemplo:

<strong class="important">Texto importante</strong><span style="background-color: rgb(255, 255, 255); color: initial;"></span>
Lenguaje del código: HTML, XML (xml)
  • id: Este atributo permite asignar un identificador único al elemento <strong>, lo que permite aplicar estilos CSS específicos a través de una hoja de estilo en cascada (CSS).

Ejemplo:

<strong id="important">Texto importante</strong>
Lenguaje del código: HTML, XML (xml)
  • style: Este atributo permite aplicar estilos CSS directamente al elemento <strong>. Aunque esta es una forma rápida de aplicar estilos, se recomienda utilizar clases o identificadores en su lugar para un mejor control y mantenimiento del código.

Ejemplo:

<strong style="color: red;">Texto importante</strong><span style="background-color: rgb(255, 255, 255); color: initial;"></span>
Lenguaje del código: HTML, XML (xml)
  • title: Este atributo permite añadir un texto de ayuda o título al elemento <strong>. Este texto se mostrará como una herramienta de ayuda cuando el usuario posiciona el cursor sobre el elemento.

Ejemplo:

<strong title="Este es un texto importante">Texto importante</strong>
Lenguaje del código: HTML, XML (xml)

En resumen, los atributos más importantes de la etiqueta <strong> son los atributos globales, como class, id, style y title, ya que permiten aplicar estilos y proporcionar información adicional sobre el texto dentro del elemento <strong>.

Sin embargo, es importante tener en cuenta que su uso principal es dar énfasis semántico al texto y no solo estético.