Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a XHTML: Etiquetas de énfasis (STRONG y EM)

Datos de búsqueda

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

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios del artículo

Los comentarios están cerrados.

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.

Los comentarios están cerrados.

Información del sitio