Énfasis semántico

HTML tiene dos elementos para marcar texto con peso semántico adicional:  y . Los dos hacen que el texto se vea diferente en el navegador, pero lo importante no es el efecto visual — es lo que le comunican al lector, al lector de pantalla y al motor de búsqueda.

`` — importancia

 marca contenido de importancia elevada: información que el lector debe notar especialmente. Un aviso crítico, la palabra clave de una definición, una advertencia.

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

Guardá tu trabajo antes de cerrar. Los cambios no guardados se pierden.

Los lectores de pantalla pueden anunciar el contenido de  con un tono diferente o marcarlo como “importante”. No es solo negrita visual.

`` — énfasis de entonación

 marca énfasis de entonación: como cuando en la voz ponés énfasis en una palabra para cambiar el sentido de la frase.

<p>No dije que <em>él</em> lo hizo.</p>
<p>No <em>dije</em> que él lo hizo.</p>

No dije que él lo hizo.

No dije que él lo hizo.

La primera oración implica “otros sí lo dijeron”. La segunda implica “quizás lo escribí”. La misma frase, distinto sentido — solo cambia qué palabra lleva el énfasis.

Los lectores de pantalla leen  con cambio de tono de voz, igual que lo hacemos al hablar.

La distinción importa

Si usás  o  solo para hacer texto en negrita o cursiva, perdés esa información semántica para las personas que usan tecnologías de asistencia. El tamaño visual y el estilo los controla CSS (Bloque II) —  y  son para el significado.

 e  existen en HTML5 con semántica propia pero diferente. En esta etapa usá siempre  y . Ver Referencia si querés saber más.

Tu turno: reemplazá los marcadores [importante]...[/importante] y [énfasis]...[/énfasis] por los elementos HTML correctos. Luego hacé clic en “Comprobar”.