Citando títulos en HTML5 con la etiqueta <cite>

En esta clase vamos a estudiar el uso y como se define la etiqueta <cite>. El elemento (etiqueta) <cite> suele usarse de forma incorrecta porque normalmente desconocemos su semántica. Un uso correcto puede ayudar a mejorar la tipografía y la semántica de una página web.

La etiqueta <cite> sirve para delimitar solo los títulos de un trabajo creativo o el nombre del autor de un trabajo creativo, que es cualquier obra creada por un ser humano. Aunque también puede ser contenido propio, y que ha sido publicado en otro contexto.

Algunos ejemplos de uso del elemento <cite> son:

• Nombre de un libro
• Nombre de una web
• Nombre de una obra de teatro
• Titulo de un poema
• Nombre de canciones
• Nombre de peliculas
• Nombre de programas de televisión, etc.

Comencemos a ver ejemplos que es como mejor vamos a entender el uso y definición de la etiqueta <cite>.

<p>
Dan Brown y su libro <cite>Ángeles y Demonios</cite> fue el mejor de 2011.
</p>

<p>
Soy un fanático de <cite>The Beatles</cite> y hoy escuché <cite>Yesterday</cite> mientras veía el documental <cite>Los Beatles -La historia oculta</cite> y a la vez leída <cite>El joven Lennon</cite>.
</p>

Vamos a ver un ejemplo de cuando se trata de otro idioma.

En este caso La Gioconda es como se conoce a La Mona Lisa en Italia, así que debemos dar a <cite> el atributo lang="". A este atributo debemos colocarle el prefijo del idioma y así los rastreadores van a tenerlo en cuenta.

<p>
En Italia <cite>La Mona Lisa</cite> es conocida como <cite lang="it">La Gioconda</cite>.
</p>

Recomendaciones sobre el uso de <cite>

• <cite> se visualiza en cursiva por defecto, pero no se debe emplear con el único propósito de mostrar un texto en cursiva. Si no se quiere que se muestre en cursiva se puede emplear CSS para modificar su aspecto.


• <cite> debe contener el nombre de una obra creativa, no el nombre de una persona. En versiones previas de HTML, el elemento <cite> podía ser usado para encerrar al nombre de una persona (autor/a). HTML5 considera a esta práctica obsoleta y, por lo tanto, su implementación no es aconsejable.

Ya está todo dicho sobre el elemento <cite>, creo que lo habrás pillado a la primera. Recuerda que debes implementar su uso en tu web, ya sea un humilde blog como este o una gran web. Nada más por ahora y os recuerdo que justo debajo, tenéis el listado de las clases que llevamos hasta la fecha. Me gustaría que compartieses esta publicación con tus amigos, nos regales un me gusta en la página de Facebook y si te apetece únete a la comunidad de Facebook.

Prohibida la distribución de este articulo incluyendo las imágenes,
sin la autorización del autor. Todos los derechos reservados ©2018