Se trata de etiquetas para marcar énfasis en las partes importantes de un texto.
La etiqueta strong
De las dos etiquetas es la que concede mayor importancia al texto contenido en ella.
Con frecuencia es confundida con la etiqueta b, que aparentemente conduce al mismo resultado (y escribiendo menos): tipografía en negrita.
La etiqueta strong es un estado lógico, y b es un estado físico. El estado lógico separa la presentación del contenido, por ello la presentación dependerá del navegador (strong suele representarse en negrita) o de la hoja de estilo CSS. Utilizando b no se da énfasis al texto, sino que se especifica que ese texto va en negrita: es un elemento de presentación visual.
Para conseguir un texto en negrita sin utilizar b se puede recurrir a las hojas de estilo:
.negrita {
font-weight:bold;
}
La etiqueta em
Da menor énfasis que la etiqueta strong. Los navegadores suelen representar el texto que contiene en cursiva.
En la etiqueta em también hay lugar a la confusión, esta vez con la etiqueta i, que sirve para delimitar texto en cursiva, siendo, igual que la etiqueta b, un elemento de presentación.
Para conseguir texto en cursiva también se debe recurrir a las hojas de estilo:
.cursiva {
font-style: italic;
}
Ejemplo de uso
Ejemplo de uso de las etiquetas de énfasis y de los estilos visuales en negrita y cursiva (con las clases CSS especificadas anteriormente):
<p>
En este párrafo hay texto con
<em>poco énfasis</em>,
texto con <strong>bastante énfasis</strong>,
texto <span class="cursiva">en cursiva</span>
y texto <span class="negrita">en negrita</span>.
</p>
Referencias
- HTML Strong Element (Mozilla Developer Center)
- HTML Emphasis Element (Mozilla Developer Center)
- Phrase elements:
EM,STRONG,DFN,CODE,SAMP,KBD,VAR,CITE,ABBR, andACRONYM(HTML 4.01 W3C Recommendation) - Font style elements: the
TT,I,B,BIG,SMALL,STRIKE,S, andUelements (HTML 4.01 W3C Recommendation) - Uso de negritas y cursivas en XHTML (X-Blog)
- XHTML de una maldita vez IV: Etiquetas de formato (demasiada Cafeína)