Armonía | En definitiva...

Retomamos el tema de la carga semántica en XHTML con una serie de elementos que, curiosamente, forman parte del módulo presentacional del Document Type de XHTML, por lo que, en teoría, su carga semántica es nula. Aunque personalmente, hay un par de elementos que para mi modo de ver, si tienen sentido semántico. Es por esto que quiero mostraros el sentido de estos elementos.

Los elementos b, i y tt

Como ya he dicho antes, estos elementos son presentacionales, por lo que no aportan ningún tipo de semántica a nuestro documento, pero si nos permiten dar un poco de formato a lo que escribimos. Se ha dicho muchas veces que todo lo relacionado con la presentación se debe manejar con CSS Si bien estoy de acuerdo con esa afirmación, también estoy de acuerdo en que si XHTML nos ofrece este módulo, es totalmente lícito usarlo.

El elemento b, de bold en inglés, nos permite poner en negrita un texto. Hay que recordar que es un elemento en linea, y que la etiqueta de apertura como la de cierre son obligatorias.

<p>Lo siguiente es un <b>texto en negrita</b></p>

No hay que confundir este elemento con el elemento strong, aunque su renderizado por defecto sea el mismo, su sentido semántico es distinto. El elemento b no tiene ningún tipo de sentido semántico, mientras que strong nos proporciona un enfásis sobre el texto marcado.

Por otro lado tenemos el elemento i, que funciona de la misma forma que el anterior, pero el efecto presentacional que representa es la letra cursiva. También hay que recordar que aunque su renderizado por defecto sea igual que el del elemento em, carece del sentido semántico de este último.

<p><i>Esto es un texto en cursiva</i></p>

Para finalizar este grupo, comentaremos el elemento tt. El elemento tt nos permite marcar el texto para mostrarlo con una fuente monoespaciada, o de teletipo. Este elemento, al igual que los otros, también puede ser usado erroneamente debido a su forma de renderizado. Al mostrarse con una fuente monoespaciada, tiende a confundirse con el elemento code, usado para marcar código fuente dentro de nuestro documento.

<p><tt>Esto es un texto con fuente monoespaciada</tt></p>

Los elementos small y big

Con estos elementos ya entramos un poco más en la discusión sobre si ofrecen sentido semántico o no. Como vereis ahora, no alteran el significado del texto marcado, pero si cambian un poco su relevancia.

El elemento big se usa para aumentar el tamaño del texto marcado. Al aumentar su tamaño, se puede decir que aumentamos su importancia dentro del documento. Es por esto por lo que no lo considero un elemento meramente presentacional. Aunque sólo afecte a la presentación, tiene cierto sentido semántico al permitir su uso para cambiar la importancia de un texto del documento.

<p>Esto es un texto normal. <big>Esto es un texto grande</big></p>

El elemento small sirve para justo lo contrario que el anterior, disminuye el tamaño del texto marcado. Al disminuir su tamaño se puede usar para quitar relevancia al texto marcado.

<p>Esto es un texto normal. <small>Esto es un texto pequeño</small></p>

Si quereis ver un poco más de estos dos elementos os recomiendo este artículo de mini-d.

Los elementos sup y sub

Aquí ya es dónde encontramos los elementos de la discordia. Los elementos sobre los que pienso que tienen un carácter semántico muy marcado, a pesar de estar dentro del módulo presentacional de XHTML.

Estos elementos se usan para marcar textos en superíndice y en subíndice respectivamente. Es por eso que yo me pregunto, ¿significa lo mismo un texto estando normal que estando en subíndice o en superíndice? Ahi tenemos los números en potencia, o las marcas para señalar notas al pie, o bien los números en las fórmulas químicas, etc.

Pero no voy a entrar en polémica. Así que simplemente os voy a poner un par de ejemplos del uso de estos dos elementos.

<p>Texto normal y <sup>superindice</sup></p>

<p>Texto normal y <sub>subindice</sub></p>