Las páginas y documentos más avanzados suelen incluir otros elementos importantes que se deben marcar de forma adecuada. Por ello, HTML incluye muchas otras etiquetas que permiten marcar más elementos del texto.
La etiqueta <abbr> marca las abreviaturas de un texto y la etiqueta <acronym> se emplea para marcar las siglas o acrónimos del texto. Su definición es la siguiente:
| Etiqueta | <abbr> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios |
|
| Tipo de elemento | En línea |
| Descripción | Se emplea para marcar las abreviaturas del texto y proporcionar el significado de esas abreviaturas |
| Etiqueta | <acronym> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios |
|
| Tipo de elemento | En línea |
| Descripción | Se emplea para marcar las siglas o acrónimos del texto y proporcionar el significado de esas siglas |
En ambos casos, el atributo title se puede utilizar para incluir el significado completo de la abreviatura o sigla. Ejemplo:
<html>
<head>
<title>Ejemplo de etiqueta acronym</title>
</head>
<body>
<p>El lenguaje <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado
por el <acronym title="World Wide Web Consortium">W3C</acronym>.</p>
</body>
</html>La mayoría de navegadores muestran por defecto un borde inferior punteado para todos los elementos <abbr> y <acronym>. Al posicionar el puntero del ratón sobre la palabra subrayada, el navegador muestra un pequeño recuadro (llamado tooltip en inglés) con el valor del atributo title:
Figura 3.10 Ejemplo de uso de la etiqueta acronym
Por otra parte, en ocasiones resulta útil incluir la definición de una palabra extraña o cuyo uso está restringido a un entorno muy determinado. HTML incluye la etiqueta <dfn> para proporcionar al usuario la definición de todas las palabras para las que se considere apropiado. La definición formal de esta etiqueta se muestra a continuación:
| Etiqueta | <dfn> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios |
|
| Tipo de elemento | En línea |
| Descripción | Se emplea para marcar las definiciones de ciertos términos y proporcionar el significado de esos términos |
El siguiente ejemplo muestra cómo se utiliza la etiqueta <dfn> para incluir la definición completa de una palabra cuyo uso no es habitual fuera de los ámbitos médicos y psicológicos:
<p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva,
propia de un sentido, determinada por otra sensación que afecta a un sentido
diferente">sinestesia</dfn></p>Por último, HTML incluye una etiqueta que se puede utilizar para marcar un texto como una citación:
| Etiqueta | <cite> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | - |
| Tipo de elemento | En línea |
| Descripción | Se emplea para marcar una cita o una referencia a otras fuentes |
En ocasiones, no está clara la diferencia entre <cite> y <blockquote>. El elemento <cite> marca el autor de la cita (persona, documento, etc.) y <blockquote> marca el contenido de la propia cita. En el siguiente ejemplo, <blockquote> encierra el contenido de una frase célebre y <cite> encierra el nombre de su autor:
Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote>Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre.</blockquote>Ejercicio 3
Estructurar y marcar el siguiente texto para que el navegador lo muestre con el aspecto de la siguiente imagen:
Figura 3.11 Texto HTML correctamente estructurado y marcado