¿Cuál es la diferencia entre las etiquetas <i> y <em>, y también <strong> y <b>?
sobes.tech AI
Respuesta de la IA
<i> para resaltar en cursiva sin carga semántica. <em> para resaltar lógicamente el texto, que los navegadores suelen mostrar en cursiva.
<b> para resaltar en negrita sin carga semántica. <strong> para resaltar lógicamente el texto como importante o urgente, que los navegadores suelen mostrar en negrita.
La diferencia clave está en la semántica: <em> y <strong> llevan significado, mientras que <i> y <b> solo son formato visual. Cuando se utilizan tecnologías asistivas (como lectores de pantalla), el contenido de <em> y <strong> puede leerse con una entonación especial, mientras que <i> y <b> se perciben como texto normal.
Se recomienda usar <em> y <strong> para el resaltado semántico y CSS para la estilización (font-style: italic;, font-weight: bold;) si es necesario.