Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio
Desarrollo web
CSS
XHTML: Etiquetas de énfasis (STRONG y EM)
XHTML: Etiquetas de énfasis (STRONG y EM)
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)
Artículos relacionados:
Datos del artículo:
- Publicado el Sábado 10 de febrero de 2007 a las 21:30
- Archivado en CSS, Desarrollo web, XHTML
- Etiquetas: Semántica
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Puedes comentar o hacer trackback desde tu propio sitio web.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Todavía no hay comentarios.










