Cotação HTML e Elementos de Citação
Neste capítulo, veremos os
elementos <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
e <bdo>
HTML.
Exemplo
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 Cotações
O elemento HTML <blockquote>
define uma seção que é citada de outra fonte.
Os navegadores geralmente recuam <blockquote>
elementos.
Exemplo
<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 citações curtas
A tag HTML <q>
define uma cotação curta.
Os navegadores normalmente inserem aspas ao redor da cotação.
Exemplo
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> para abreviações
A tag HTML <abbr>
define uma abreviação ou um acrônimo, como "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Marcar abreviaturas pode fornecer informações úteis para navegadores, sistemas de tradução e mecanismos de busca.
Dica: Use o atributo global title para mostrar a descrição da abreviatura/acrônimo ao passar o mouse sobre o elemento.
Exemplo
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <endereço> para informações de contato
A tag HTML <address>
define as informações de contato do autor/proprietário de um documento ou artigo.
As informações de contato podem ser um endereço de e-mail, URL, endereço físico, número de telefone, identificador de mídia social, etc.
O texto no <address>
elemento geralmente é renderizado em itálico
e os navegadores sempre adicionam uma quebra de linha antes e depois do <address>
elemento.
Exemplo
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> para título do trabalho
A tag HTML <cite>
define o título de um trabalho criativo (por exemplo, um livro, um poema, uma música, um filme, uma pintura, uma escultura, etc.).
Nota: O nome de uma pessoa não é o título de uma obra.
O texto no <cite>
elemento geralmente é renderizado em itálico .
Exemplo
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> para substituição bidirecional
BDO significa substituição bidirecional.
A tag HTML <bdo>
é usada para substituir a direção do texto atual:
Exemplo
<bdo dir="rtl">This text will be written from right to left</bdo>
Exercícios HTML
Cotação HTML e Elementos de Citação
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 obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .