Elementos de quotas y citas HTML

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

Ejm

Here is a quote from WWF’s website:

For nearly 60 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

El elemento <q> para pequeñas citas

El elemento <q> define una cita pequeña. Los navegadores generalmente insertan comillas alrededor del elemento <q>.

Ejm

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

El elemento HTML <blockquote> para citas

El elemento HTML <blockquote> define una sección que se cita de otra fuente. Los navegadores suelen sangrar elementos <blockquote>.

Ejm

<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>

El elemento HTML <abbr> para abreviaturas

El elemento HTML <abbr> define una abreviatura o un acrónimo. Las abreviaturas de marcado pueden proporcionar información útil a los navegadores, sistemas de traducción y motores de búsqueda.

Ejm

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

El elemento HTML <address> para información de contacto

El elemento HTML <address> define la información de contacto (autor / propietario) de un documento o artículo. El elemento <address> generalmente se muestra en cursiva. La mayoría de los navegadores agregarán un salto de línea antes y después del elemento.

Ejm

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

El elemento HTML <cite> para el título del trabajo

El elemento HTML <cite> define el título de una obra. Los navegadores suelen mostrar elementos <cite> en cursiva.

Ejm

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

El elemento HTML <bdo> para anulación bidireccional

El elemento HTML <bdo> define la anulación bidireccional. El elemento <bdo> se usa para anular la dirección del texto actual.

Ejm

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

Sumario

Etiqueta Descripción
<abbr> Define una abreviatura o acrónimo
<address> Define información de contacto del autor /  propietario del documento
<bdo> Define la dirección del texto
<blockquote> Define una sección que debe ser acotada con otro código
<cite> Define el título de un trabajo
<q> Define una pequeña cita en línea.