Citação HTML

Citação (Quotation)

Esta é uma citação extraída do site do WWF:

Durante cinquenta anos, a WWF se dedicou a proteger o futuro da natureza. A organização ambiental líder do mundo, a WWF opera em 100 países, e recebe o apoio de um milhão e duzentos membros nos Estados Unidos e quase cinco milhões de membros em todo o mundo.

HTML <q> usado para citações curtas

HTML <q> DefiniçãoCitações curtas.

Os navegadores geralmente cercam o elemento <q> com aspas.Aspas.

Exemplo

<p>O objetivo da WWF é:<q>Construir um mundo onde as pessoas e a natureza possam viver em harmonia.</q></p>

Experimente você mesmo

HTML <blockquote> usado para longas citações

HTML <blockquote> O elemento define o capítulo citado.

Os navegadores geralmente recuem o elemento <blockquote>.RecuoTratamento.

Exemplo

<p>Os seguintes conteúdos são citados do site da WWF:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Durante cinquenta anos, a WWF se dedicou a proteger o futuro da natureza.
A organização ambiental líder do mundo, a WWF opera em 100 países,
e recebe o apoio de um milhão e duzentos membros nos Estados Unidos e quase cinco milhões de membros em todo o mundo.
</blockquote>

Experimente você mesmo

HTML <abbr> usado para siglas

HTML <abbr> DefiniçãoAbreviaçãoou siglas.

Marcar abreviações pode fornecer informações úteis para navegadores, sistemas de tradução e motores de busca.

Exemplo

<p><abbr title="Organização Mundial da Saúde">WHO</abbr> foi fundada em 1948.</p>

Experimente você mesmo

HTML <dfn> usado para definição

HTML <dfn> Elemento que define o projeto ou abreviaçãoDefinição.

O uso do <dfn>, conforme descrito no padrão HTML5, é um pouco complexo:

1. Se o atributo title do elemento <dfn> estiver configurado, o projeto é definido:

Exemplo

<p><dfn title="Organização Mundial da Saúde">WHO</dfn> foi fundada em 1948.</p>

Experimente você mesmo

2. Se o elemento <dfn> contiver um elemento <abbr> com título, a definição do projeto é definida pelo title:

Exemplo

<p><dfn><abbr title="Organização Mundial da Saúde">WHO</abbr></dfn> foi fundada em 1948.</p>

Experimente você mesmo

3. Caso contrário, o conteúdo do texto <dfn> é o projeto e o elemento pai contém a definição.

Exemplo

<p><dfn>WHO</dfn> Organização Mundial da Saúde foi fundada em 1948.</p>

Experimente você mesmo

Notas:Se você quiser simplificar, use a primeira opção ou use <abbr> como substituto.

O elemento <address> do HTML é usado para informações de contato

HTML <address> O elemento define as informações de contato do documento ou artigo (autor/proprietário).

Este elemento geralmente é exibidoItálicoExibição. A maioria dos navegadores adiciona quebras de linha antes e depois deste elemento.

Exemplo

<address>
Escrito por Donald Duck.<br> 
Visite-nos em:<br>
Example.com<br>
Caixa 564, Disneyland<br>
USA
</address>

Experimente você mesmo

O elemento <cite> do HTML é usado para o título da obra

HTML <cite> DefiniçãoTítulo da obra.

Os navegadores geralmente exibem o elemento <cite> em itálico.

Exemplo

<p><cite>The Scream</cite> por Edward Munch. Pintado em 1893.</p>

Experimente você mesmo

Usado para redirecionar bidirecionalmente o HTML <bdo>

HTML <bdo> O elemento define a sobrescrita de dupla direção (bi-directional override).

O elemento <bdo> é usado para sobrescrever a direção do texto atual:

Exemplo

<bdo dir="rtl">Este texto será escrito da direita para a esquerda</bdo>

Experimente você mesmo

Elementos de Citação, Referência e Definição do HTML

Etiqueta Descrição
<abbr> Definir abreviações ou siglas.
<address> Definir as informações de contato do autor ou proprietário do documento.
<bdo> Definir a direção do texto.
<blockquote> Definir um capítulo citado de outra fonte.
<dfn> Definir a definição de um item ou abreviação.
<q> Definir uma citação curta inline.
<cite> Definir o título da obra.