HTML Quotation and citation elements

By

 En este capítulo veremos  cómo usar los elementos HTML: <blockquote>,  <q>, <abbr>, <address>, <cite>, y <bdo>.

Ejemplo:

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">

For 50 years, WWF has been protecting the future of nature.

The world's leading conservation organization,

WWF works in 100 countries and is supported by

1.2 million members in the United States and

close to 5 million globally.

</blockquote>

Resultado:

Here is a quote from WWF's website:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

<blockquote> 

El elemento <blockquote> define una sección que se cita de otra fuente. Los navegadores interpretan el <blockquote> como un elemento para identar, es decir le aplica un tipo de sangría. 

<q>

Los navegadores interpretan este elemento agregando unas comillas a partir del elemento de apertura y cierre.

Por ejemplo:

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

Resultado:

WWF's goal is to: Build a future where people live in harmony with nature.

<abbr>

Esta etiqueta define una abreviatura o un acrónimo a una palabra como por ejemplo: "HTML", "CSS".
Las abreviaturas de marcado pueden proporcionar información muy útil para los navegadores, como por ejemplo:

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

Resultado(pasa el mouse sobre la palabra WHO):

The WHO was founded in 1948.

<address>

Esta etiqyeta define la información de contacto del autor / propietario de un documento o artículo.

Puedes agregar: el correo, la URL, dirección, etc. Como por ejemplo:

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Resultado:

Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

<cite>

Esta etiqueta define el título de una obra creativa, como por ejemplo: un libro, un poema, etc.
Nota: El nombre de una persona no es el título de una obra.
Ejemplo: 
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

Resultado:

The Scream by Edvard Munch. Painted in 1893.

<bdo>

BDO son las siglas de Bi-Directional Override. Eso quiere decir que el texto se  muestra de forma contraria a como se escribe en el código HTML.

La <bdo> se usa para anular la dirección actual del texto:

Ejemplo:

<bdo dir="rtl">This line will be written from right to left</bdo>

Resultado:

This line will be written from right to left

No hay comentarios.:

Publicar un comentario