HTML Elementos de citación y citación
En este capítulo repasaremos el <blockquote>
,<q>
, <abbr>
, <address>
, <cite>
, y <bdo>
elementos HTML.
Ejemplo
Aquí hay una cita del sitio web de WWF:
Desde hace casi 60 años, WWF protege el futuro de la naturaleza. WWF, la principal organización conservacionista del mundo, trabaja en 100 países y cuenta con el apoyo de más de un millón de miembros en los Estados Unidos y cerca de cinco millones en todo el mundo.
HTML <blockquote> para cotizaciones
El elemento HTML <blockquote>
define una sección que se cita de otra fuente.
Los navegadores suelen aplicar sangría a los elementos <blockquote>
.
Ejemplo
<p>Aquí hay una cita del sitio web de WWF:</p>
<blockquote cite="https://www.worldwildlife.org/who/index.html">
Durante 50 años, WWF ha estado protegiendo el futuro de la naturaleza.
La organización conservacionista líder en el mundo,
WWF trabaja en 100 países y cuenta con el apoyo de
1,2 millones de miembros en los Estados Unidos y
cerca de 5 millones en todo el mundo.
</blockquote>
Inténtalo tú mismo »
HTML <q> para citas breves
La etiqueta HTML <q>
define una cita breve.
Los navegadores normalmente insertan comillas alrededor de la cita.
Ejemplo
<p>El objetivo de WWF es: <q>Construir un futuro donde las personas vivan en armonía con la naturaleza.</q></p>
Inténtalo tú mismo »
HTML <abbr> para abreviaturas
La etiqueta HTML <abbr>
define una abreviatura o un acrónimo, como "HTML", "CSS", "Mr. ","Dr.", "ASAP", "ATM".
Marcar abreviaturas puede brindar información útil a navegadores, sistemas de traducción y motores de búsqueda.
Consejo: Utilice 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>
Inténtalo tú mismo »
HTML <address> para información de contacto
La etiqueta HTML <address>
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 elemento <address>
normalmente se muestra en cursiva, y los navegadores siempre agregarán un salto de línea antes y después del elemento <address>
.
Ejemplo
<address>
Written by John Doe.<br>
Visit us at:<br>
Ejemplo.com<br>
Box 564, Disneyland<br>
USA
</address>
Inténtalo tú mismo »
HTML <cite> para título de trabajo
La etiqueta HTML <cite>
define el título de una obra creativa (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 elemento <cite>
normalmente se muestra en cursiva.
HTML <bdo> para anulación bidireccional
BDO significa Anulación Bidireccional.
La etiqueta HTML <bdo>
se utiliza para anular la dirección del texto actual:
HTML Ejercicios
HTML Elementos de cita y cita
Tag | Descripción |
---|---|
<abbr> | Define una abreviatura o acrónimo |
<address> | Define la información de contacto del autor/propietario de un documento |
<bdo> | Define la dirección del texto |
<blockquote> | Define una sección que se cita de otra fuente |
<cite> | Define el título de una obra |
<q> | Define una cotización breve en línea |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.