Etiquetas semánticas HTML para descripciones

Como ya vimos en el post sobre HTML5 y algunas de sus etiquetas, el nuevo estándar pretende nutrir la Web de valor semántico y nuevas funcionalidades.

Otra prueba más de ello es la etiqueta dl que, aunque ya existía en HTML4, ha sido refinada aún más como "Description List".

Así pues cada dl (Description List) estará representada por uno o varios terminos dt (Definition Term) que serán definidos dentro de la etiqueta dd (Definition Description).

Algunos ejemplos de uso

En todos los casos de uso es necesario abrir la etiqueta dl, sin embargo la estructura interna puede variar según el uso.

Glosario

En caso de querer definir un glosario será necesario utilizar además de las etiquetas dl, dt y dd, la etiqueta dfn para indicar la palabra que se va a definir.

<dl>
<dt><dfn>RSS<dfn></dt>
<dd>RSS son las siglas de Really Simple Syndication, un formato XML para indicar o compartir contenido en la web.</dd>
<dt><dfn>XML<dfn></dt>
<dd> XML, siglas en inglés de eXtensible Markup Language.</dd>
</dl>

Metadatos

Las listas de descripción también permiten añadir metadatos al contenido.

<dl>
<dt>Autores:</dt>
<dd>Bogart</dd>
<dd>Ryan Tedder</dd>
<dt>Editores:</dt>
<dd>Spence D.</dd>
<dt>Categoría:</dt>
<dd>Música</dd>
</dl>

Varios "Description Term" para un "Definition Description"

También podemos utilizar varias etiquetas dt para indicar varios términos con el mismo significado. Puede ser el caso de sinónimos o por ejemplo diferencias entre el inglés británico y americano.

<dl>
<dt lang="en-GB"><dfn>colour</dfn></dt>
<dt lang="en-US"><dfn>color</dfn></dt>
<dd>The property possessed by an object of producing different sensations on the eye as a result of the way it reflects or emits light.#60;/dd>
</dl>