Saltar al contenido

Etiqueta HTML <strong>

La etiqueta <strong> resalta una parte importante del texto. Puede usarse para contenido importante, como advertencias. Podría ser una sola oración que da importancia a toda la página, o puede ser necesario resaltar palabras que son más importantes que el resto del contenido. Los motores de búsqueda tratan el contenido como más importante, y los lectores de pantalla pueden usar énfasis vocal al leerlo en voz alta.

La etiqueta <strong> es una etiqueta de frase que indica que una sección de texto tiene un significado estructural.

El contenido de la etiqueta se muestra en negrita. A diferencia de la <b> etiqueta, que especifica texto en negrita, la etiqueta <strong> es parte del marcado semántico. La etiqueta <b> se usa para llamar la atención sobre el texto sin especificar que es más importante. En la mayoría de los navegadores, el estilo predeterminado para ambas etiquetas, <b> y <strong>, es el mismo. Sin embargo, si deseas tener texto en negrita solo por decoración, deberías usar la propiedad CSS font-weight.

Mientras que HTML4 definía la etiqueta <strong> como una implicación de un énfasis más fuerte, HTML5 la define como una representación de la fuerte importancia del contenido.

A diferencia de la etiqueta <em>, que transmite énfasis hablado, la etiqueta <strong> indica una fuerte importancia o urgencia.

éxito

Para diferenciar el texto en negrita sin tener en cuenta su importancia, usa la etiqueta <b> o la propiedad CSS font-weight.

Sintaxis

La etiqueta <strong> viene en pares. El contenido se escribe entre las etiquetas de apertura (<strong>) y cierre (</strong>).

Ejemplo de la etiqueta HTML <strong>:

Etiqueta HTML <strong>

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>We’ve used the <strong> tag to highlight this important part of the text.</p>
  </body>
</html>

Resultado

ejemplo de strong

Atributos

La etiqueta <strong> admite Atributos Globales y Atributos de Eventos. Por ejemplo, puedes aplicar una clase para estilizarla de manera diferente:

html
<strong class="warning">Important notice</strong>

Práctica

¿Qué hace la etiqueta HTML `<strong>`?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.