Introducción a XHTML

Estilos de texto

Dentro de un documento XHTML se puede indicar que un texto tenga un estilo o tipografía especial. Hay dos tipos de estilos: lógicos y físicos. Con estilos lógicos se formatea el texto de acuerdo con su significado, mientras que las de estilo físico indican la apariencia específica. Por ejemplo, en la anterior frase las palabras "estilos lógicos" fue marcado como una "definición'.' El mismo efecto (enfatizar esas palabras con cursivas), podría haber sido alcanzado utilizando otra etiqueta que indica "pon esas palabras en cursivas".

Físico frente a Lógico: Usa el estilo lógico cuando sea posible

Si un estilo físico y lógico producen el mismo resultado ¿Cuál utilizo? En un documento XHTML, el contenido está separado de la presentación. De ese modo las etiquetas que indican un nivel uno de encabezamiento son interpretadas como un nivel uno de encabezamiento, pero no especifica cómo es ese encabezamiento. Por ejemplo, letra tipo Times, negrita, de tamaño 24 puntos, centrado en la parte superior de la página. La ventaja es que el usuario decide la presentación de la cabecera en el dispositivo de presentación (el visualizador World Wide Web)

Además, las etiquetas lógicas refuerzan la consistencia del documento. Es más sencillo marcar algo como <h1>...</h1> que recordar que eso significa "letra tipo Times, negrita, de tamaño 24 puntos".

1. Estilos lógicos

<dfn>
Para una palabra que está siendo definida. Normalmente aparece en italics (p.e.: NCSA Mosaic es un visualizador World Wide Web).
<em>
Para dar énfasis. Usualmente aparece en cursiva (¡Cuuidado con el perro!)
<cite>
Para títulos de libros, películas, etc. Normalmente aparece en cursiva. (El Silencio de los Corderos)
<code>
Para códigos de computador. Aparece con un formato fijo (El fichero cabecera <stdio.h>)
<kbd>
Para entradas desde el teclado. Aparecerá en un formato fijo y en negrita, pero muchos visualizadores lo escriben en otro formato (Introduce passwd para cambiar tu password)
<samp>
Para mensajes estándar de computadores. Se ve en formato fijo (Segmentation fault: Core dumped.). El sentido lógico es usar <KBD> para el comando del usuario y <SAMP> para la salida.
<strong>
Para mayor énfasis. Normalmente aparece en negrita. (Importante)
<VAR>
Para una variable metasintáctica, donde el usuario debe reemplazarlo por un elemento específico (rm filename borra el fichero.)
<abbr>
Indica una forma abreviada (p.e. WWW, HTTP, etc.).
<acronym>
Indica un acrónimo (p.e. radar, WAC, etc.).

2. Estilos físicos

Los estilos físicos deben considerarse un resto del pasado, ya que actualmente se prefiere combinar utilizar CSS (Cascade Style Sheets, u hojas de estilo en cascada) para especificar o alterar el formato del contenido de una página HTML. La combinación HTML+CSS refuerza la separación entre contenidos y presentación de los mismos que ha perseguido siempre HTML, ya que elimina por completo la necesidad de utilizar las etiqueta de estilos físicos. Sin embargo, las siguientes etiquetas siguen presentes en la definición de HTML, sobre todo por razones de compatibilidad:

tt: Muestra el texto como un teletipo o texto monoespaciado.
i: Muestra el texto estilo cursiva (itálica).
b: Muestra el texto en estilo negrita.
big: Muestra el texto con un tamaño de letra más grande.
small: Muestra el texto con un tamaño de letra más pequeño.
strike y S: Muestra el texto tachado (su uso actualmente está desaprobado).
u: Muestra el texto subrayado (su uso actualmente está desaprobado).
Copyright © 2011-2012 Mariano Martín Nevado. Términos de uso.