Hoy vamos a dar un pequeño repaso sobre la importancia del buen uso de las etiquetas strong y em.

En épocas rebeldes para los estándares web, había cierta tendencia hacia el poupurri de html presentacional y de contenido. Aparentemente no pasaba nada puesto que mientras se viera correcto en la pantalla, valía.

Evidentemente, esto producía mucho ruido: más peso en el html, mala o nula utilización de estilos, dificultad de mantenimiento por lo que fue necesario crear ciertas reglas que ahora llamamos estándares web: xhtml, css, xml, xslt, etc... Acompañadas por otras regla menos técnica: el marcado semántico, que no es otra cosa que marcar en el documento cada elemento con la etiqueta creada para su fin; tal como se representaría en un documento de texto tradicional, con su jerarquía de títulos, párrafos, subrayados, etc...

Etiqueta strong

La etiqueta strong, es un elemento de línea. Viene a sustituir al elemento B obsoleto, que significaba "negrita". El significado en html "Negrita",  "Cursiva" o "120px" es: ninguno, puesto que son propiedades de presentación. Por lo que esos detalles se los dejamos a las hojas de estilo CSS.

Realmente, una negrita en el texto viene a resaltar la atención. La regla básica es marcar como resaltado (o destacado) las partes más importantes de cada párrafo o grupo de párrafos, según se precise. Hay que tener en cuenta marcar partes realmente importantes y no marcar por marcar.

Etiqueta em

La etiqueta em significa énfasis, es similar y complementaria a la etiqueta strong. Viene a sustituir el elemento I (es una i mayúscula), que significaba "itálica" o "cursiva".  Sirve para dar énfasis a una parte del texto.

Es misión del creador de contenidos marcar correctamente lo que corresponda como strong y em; si bien es cierto que, en última instancia, queda a su criterio :)

Saludos!