Otros

En esta lección se tratan varias etiquetas que tienen un uso muy reducido, para aligerar otras lecciones.

Etiquetas de texto en línea

Las etiquetas <code>, <var>, <samp>, <ruby>, <rb>, <rt>, <rtc>, <rp>, <bdi>, <bdo> y <wbr>se utilizan raramente.

La etiqueta <u> tenía un significado visual en HTML4 y estaba desaconsejada en XHTML 1.0, por lo que fue cayendo en desuso. HTML 5 ha recuperado esa etiqueta con un significado semántico, pero el tiempo dirá si vuelve a utilizarse con su nuevo significado o sigue en desuso.

Datos: <data>

La etiqueta <data> está pensada para incluir en su atributo value la misma información que el texto, pero en un formato legible para máquinas.

Los navegadores no muestran la etiqueta <data> de ninguna forma especial.

<p>La revista <data value="ISSN:2054-3778">Linux
Voice</data> ofrecía sus números anteriores de forma gratuita, seis mess después de su publicación.</p>

La revista Linux Voice ofrecía sus números anteriores de forma gratuita, seis mess después de su publicación.

Código de programa: <code>

Pensada para etiquetar fragmento de código de ordenador.

Los navegadores suelen mostrar la etiqueta <code> en tipo de letra monospace (normalmente Courier).

<p>El primer programa que se enseña en un lenguaje de programación suele ser algo así como <code>main() { printf ("Hola, mundo"); }</code></p>

El primer programa que se enseña en un lenguaje de programación suele ser algo así como main() { printf ("Hola, mundo"); }

Variable de código de programa: <var>

Pensada para identificar una instancia de una variable o de un argumento de programa.

Los navegadores suelen mostrar la etiqueta <var> en cursiva.

<p><var>$saludo</var> = "Hola, mundo";</p>

$saludo = "Hola, mundo";

Salida de código de programa: <samp>

Pensada para identificar un ejemplo de la salida de un programa o de un script.

Los navegadores suelen destacar la etiqueta <samp> cambiando el tipo de letra.

<p>Al ejecutar tu primer programa, en la pantalla 
podrás leer <samp>Hola, mundo</samp>.</p>

Al ejecutar tu primer programa, en la pantalla podrás leer Hola, mundo.

Sonido inarticulado: <u>

Pensada para anotar expresiones, pero sin un significado preciso, ya que el significado se debe deducir del contexto. Esta etiqueta existía en las primeras versiones de HTML para subrayar el texto (u viene de underline), pero en HTML 4 se consideraba obsoleta. En HTML 5 se ha recuperado pero para usarla en contextos en los que el subrayado tiene un significado especial. Por ejemplo, en los textos chinos se subraya los nombres propios (de personas, lugares, etc) por lo que se podría usar <u> para indicar los nombres propios. Por ejemplo, los correctores ortográficos subrayan las palabras mal escritas o los errores gramaticales, por lo que se podría usar <u> para marcar esos errores.

Los navegadores muestran la etiqueta <u> subrayando el texto.

<p>¡<u>Hoygan</u>, necesito <u>alluda</u>!.</p>

¡ Hoygan, necesito alluda!

Para saber más: The return of the u element

Notación ruby: <ruby>

Por escribir

Notación ruby: <rb>

Por escribir

Notación ruby: <rt>

Por escribir

Notación ruby: <rtc>

Por escribir

Notación ruby: <rp>

Por escribir

Ignorar dirección: <bdi>

Por escribir

Dirección: <bdo>

Pensada para elegir la dirección del texto (de izquierda a derecha o de derecha a izquierda). Es obligatorio especificar el atributo dir, con el valor rtl (de derecha a izquierda) o ltr (de izquierda a derecha).

<p><bdo dir="rtl">Esta frase está escrita al derecho, 
pero debería leerse al revés</bdo>.</p>

Esta frase está escrita al derecho, pero debería leerse al revés.

Posible salto de línea: <wbr>

Por escribir