Citações no documento HTML

Como adicionar uma citação no documento HTML?

Para adicionar citações no texto, utilize o elemento <blockquote>. Ele é ideal para destacar trechos que representam uma citação longa ou independente.

Exemplo

<blockquote>"Nem tudo que reluz é ouro"</blockquote>

Quando a citação for extraída de uma fonte online, o atributo cite pode ser usado para indicar sua origem. Isso ajuda a documentar a referência melhorando o contexto:

<blockquote cite="https://pt.wikipedia.org/wiki/HTML5">
    HTML5 (Hypertext Markup Language, versão 5) é uma linguagem de marcação para a World Wide Web e é uma tecnologia chave da Internet.
</blockquote>

Como criar uma citação curta com <q>

Para citações curtas ou incorporadas no texto, utilize o elemento <q>. Ele é ideal para frases ou palavras que fazem parte de um parágrafo:

<p>E chegando a caverna, gritou: <q>Abre-te, sésamo!</q> E os portões se abriram.</p>

Assim como no <blockquote>, o atributo cite também pode ser aplicado ao elemento <q> para indicar a fonte da citação, proporcionando maior confiabilidade ao conteúdo.

Origem dos termos: