Armonía | En definitiva...

Siguiendo con el tema de la carga semántica en las etiquetas XHTML, hoy me gustaría hablar de cuatro etiquetas poco conocidas, usadas principalmente en contextos informáticos. Estas etiquetas son: code, kbd y samp.

Empezaremos hablando de code, que ha de utilizarse, según las especificaciones del W3C, para designar un fragmento de código de computador. Atendiendo a esta definición, podemos determinar que usaremos la etiqueta code para marcar cualquier trozo de código fuente que coloquemos en nuestros documentos.

Si miramos el código fuente de este blog, encontraremos probablemente varios ejemplos del uso de code. A continuación pongo un ejemplo específico para un trozo de código embebido dentro de un párrafo.

<p>En tu caso falta inicializar <code>$contador = 1;</code></p>

Que daría como resultado:

En tu caso falta inizializar $contador = 1;

Otra etiqueta que usaremos probablemente a menudo si escribimos sobre temas informáticos será kbd. Esta etiqueta se debe usar para marcar texto que el usuario deba introducir en el ordenador mediante el teclado, bien sea en un formulario, en una consola, en una barra de direcciones, etc.

Un uso muy extendido para esta etiqueta es colocarla cuando se quiere mostrar un atajo de teclado, al estilo Ctrl + Alt + Supr. Y posteriormente aplicarle estilos a esta etiqueta desde CSS para imitar el aspecto de una tecla del teclado, (como explica mini-d en este post).

A continuación un par de ejemplos del uso de kbd, el primero para mostrar un texto que se debe introducir, y el segundo para marcar un atajo de teclado.

<p>Para actualizar su sistema <cite>Debian</cite> introduzca <kbd>apt-get dist-upgrade</kbd> en su consola</p>

Que daría como resultado:

Para actualizar su sistema Debian introduzca apt-get dist-upgrade en su consola

Y ahora el ejemplo para representar un atajo de teclado:

<p>Para cerrar la ventana activa se suele utilizar <kbd>Alt</kbd> + <kbd>F4</kbd></p>

Que daría como resultado:

Para cerrar la ventana activa se suele utilizar Alt + F4

Otra etiqueta que, por ejemplo, estoy usando en este post, es samp, usada para marcar un ejemplo de salida para un programa, un script, etc. Esto es muy útil, por ejemplo, cuando queremos mostrar un mensaje de error que nos devuelve un comando Linux, o cuando debemos marcar cualquier texto que un programa nos devuelva. Aqui va un ejemplo:

<p>Al pulsar sobre el icono se muestra el siguiente texto: <samp>Elija un numero del 1 al 10</samp></p>

Dando como resultado:

Al pulsar sobre el icono se muestra el siguiente texto: Elija un numero del 1 al 10

Bueno, esto es todo, espero que os haya servido de algo este otro pequeño paso en nuestro repaso por la carga semántica de las etiquetas que componen el XHTML.

<p><code> if (document.getElementById) <var>blnDOM</var> = true; </code></p>