<strong>

<strong> marca texto de importancia elevada, urgencia o seriedad: información que el lector no puede ignorar — una advertencia crítica, el término central de una definición, una restricción que si no se respeta rompe algo.

El navegador lo renderiza en negrita por defecto, pero ese es un efecto secundario del estilo del agente de usuario; la negrita no es el punto. El punto es que <strong> le comunica al lector de pantalla, al motor de búsqueda y a cualquier herramienta que procese el documento que ese fragmento tiene un peso semántico especial. Si solo querés negrita visual sin ese significado — un nombre de producto, un término que simplemente querés destacar visualmente — usás CSS (font-weight: bold) sobre un <span>.

La distinción entre semántica y presentación es central en este bloque de elementos: HTML declara el significado, CSS controla la apariencia. <strong> cae del lado del significado, y su uso debe estar justificado por el contenido.

Cómo funciona

<strong> es un elemento en línea: fluye con el texto que lo rodea, no crea salto de línea. Le añade a su contenido un nivel de importancia semántica que el navegador y las tecnologías de asistencia pueden interpretar.

Cuando un lector de pantalla encuentra <strong>, puede anunciarlo con un tono diferente o insertar una pausa que indica al usuario “esto es importante”. El comportamiento exacto varía según el lector (NVDA, JAWS, VoiceOver), pero todos distinguen este contenido del texto normal.

Se puede anidar con <em> sin problema: <strong><em>crítico y con énfasis de entonación</em></strong>.

Modelo de contenido

Acepta contenido en línea (phrasing content): texto, otros elementos en línea como <em>, <a>, <abbr>, <span>. No puede contener elementos de bloque. Puede ir dentro de cualquier elemento que acepte contenido en línea: <p>, <li>, headings, <td>, etc.

Sintaxis

<p>Guardá tu trabajo antes de cerrar. <strong>Los cambios no guardados se pierden.</strong></p>

<p><strong>Advertencia:</strong> esta acción no se puede deshacer.</p>

Atributos

<strong> no tiene atributos propios. Acepta los atributos globales de HTML (class, id, lang, data-*).

Accesibilidad

El rol implícito de <strong> es strong. Los lectores de pantalla lo procesan con énfasis adicional, aunque el comportamiento varía: VoiceOver en macOS no lo anuncia verbalmente por defecto; NVDA con configuración estándar sí. Lo que garantiza <strong> es que la información semántica está disponible en el árbol de accesibilidad — si el lector de pantalla del usuario la expresa depende de su configuración.

Cuándo usar <strong> vs. alternativas

Notas, gotchas e interacción

• <strong> vs. <b>: <b> también existe en HTML5 y produce negrita visual, pero su semántica es “llamar la atención sin importancia ni urgencia” — por ejemplo, el nombre de un producto en una reseña o las palabras clave de un párrafo. No es legacy (se eliminó en la especificación inicial de HTML5 pero se reincorporó), pero su uso preferido es <strong> cuando hay importancia real. En la práctica, si dudás, usá <strong>.
• No abuses de <strong>. Si todo es importante, nada lo es. <strong> pierde su señal cuando aparece demasiado en la misma página.
• No lo uses solo para negrita. Para estilo visual usá font-weight: bold con CSS. Si usás <strong> solo por apariencia, generás ruido semántico para los lectores de pantalla.
• Anidado: <strong><strong>texto</strong></strong> es válido y técnicamente aumenta el “nivel de importancia”, pero no tiene efecto visual ni auditivo diferencial en la práctica.

Vigente / legacy

<strong> está completamente vigente. En HTML 4 tenía la misma semántica; la única diferencia es que HTML5 clarificó su definición (“importancia, seriedad, urgencia”) respecto de la vaga “énfasis fuerte”. No hay forma legacy directa — <b> cumplía ese rol histórico pero hoy tiene semántica propia.