Elementos de citas y citas HTML
En este capítulo repasaremos los
elementos <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
y <bdo>
HTML.
Ejemplo
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.
HTML <blockquote> para citas
El elemento HTML <blockquote>
define una sección que se cita de otra fuente.
Los navegadores suelen sangrar <blockquote>
elementos.
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>
HTML <q> para citas breves
La <q>
etiqueta HTML define una cita corta.
Los navegadores normalmente insertan comillas alrededor de la cita.
Ejemplo
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> para abreviaturas
La <abbr>
etiqueta HTML define una abreviatura o un acrónimo, como "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Marcar abreviaturas puede brindar información útil a los navegadores, sistemas de traducción y motores de búsqueda.
Sugerencia: use el atributo de título global para mostrar la descripción de la abreviatura/acrónimo cuando pase el mouse sobre el elemento.
Ejemplo
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <dirección> para información de contacto
La <address>
etiqueta HTML define la información de contacto del autor/propietario de un documento o artículo.
La información de contacto puede ser una dirección de correo electrónico, URL, dirección física, número de teléfono, identificador de redes sociales, etc.
El texto del <address>
elemento generalmente se presenta en cursiva
y los navegadores siempre agregarán un salto de línea antes y después del <address>
elemento.
Ejemplo
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> para título de trabajo
La <cite>
etiqueta HTML define el título de un trabajo creativo (por ejemplo, un libro, un poema, una canción, una película, una pintura, una escultura, etc.).
Nota: El nombre de una persona no es el título de una obra.
El texto del <cite>
elemento normalmente se muestra en cursiva .
Ejemplo
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> para anulación bidireccional
BDO significa anulación bidireccional.
La <bdo>
etiqueta HTML se utiliza para anular la dirección del texto actual:
Ejemplo
<bdo dir="rtl">This text will be written from right to left</bdo>
Ejercicios HTML
Elementos de citas y citas HTML
Tag | Description |
---|---|
<abbr> | Defines an abbreviation or acronym |
<address> | Defines contact information for the author/owner of a document |
<bdo> | Defines the text direction |
<blockquote> | Defines a section that is quoted from another source |
<cite> | Defines the title of a work |
<q> | Defines a short inline quotation |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .