Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Citações - tag BLOCKQUOTE e Q

Citações

As citações em HTML ou XHTML têm o propósito de fornecer informações sobre algo dito por alguém. Em se tratando de citações, existem duas tags que proporcionam tal formatação e entendimento, as tags blockquote e q.

Blockquote

A tag blockquote fornece a delimitação de um parágrafo citado que pode conter várias linhas. Esta tag destaca o parágrafo, deslocando-o um pouco para a direita (dependendo da direção do texto). O uso de blockquote como forma de identar o texto foi definido como inadequado pela W3C em favorecimento ao uso de folhas de estilo.

Blockquote ainda possui um atributo chamado cite. Cite serve para determinar a página fonte da citação, ou seja, de qual página da internet veio tal citação. Para demonstrar o uso de citações de parágrafo, abaixo está uma pequena parte do discurso de J. Kennedy sobre a corrida espacial retirada do site Wikipédia.

...
<BLOCKQUOTE CITE="http://pt.wikipedia.org/wiki/John_F._Kennedy">
  <P>Eu acredito que a nação deva se comprometer para alcançar o objetivo,<BR>
    antes do fim da década, de aterrissar o homem na lua<BR>
    e fazê-lo voltar em segurança para a Terra.</P>
</BLOCKQUOTE>
...

Q

A tag Q tem a mesma finalidade que blockquote, mas a diferença é que ela apenas delimita uma pequena porção dentro do texto. Então, se blockquote serve para identificar um parágrafo inteiro que tenha sido citado, q serve apenas para identificar uma pequena frase.

...
<P>Albert Einstein um dia disse:
  <Q>Se eu não fosse físico,
    seria provavelmente músico.</Q></P>
...

Existem uma curiosidade na tag Q quanto aos browsers. O browser Internet Explorer, simplesmente, não modifica a formatação do texto. Já o Mozilla Firefox irá substituir as tags Q por aspas ("). Como no exemplo abaixo:

Albert Einstein um dia disse: Se eu não fosse físico, seria provavelmente músico

Fonte: w3.org
Características - tag BLOCKQUOTE (texto - citação)
Uso HTML 4.01 <BLOCKQUOTE>...</BLOCKQUOTE>
XHTML <BLOCKQUOTE>...</BLOCKQUOTE>
HTML 5 <BLOCKQUOTE>...</BLOCKQUOTE>
Formatação Padrão Margem Superior 16px
Inferior 16px
Direita 40px
Esquerda 40px
Visualização bloco
Atributos Aceitos id, class, cite, lang ,dir , title , style
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Fonte: w3.org
Características - tag BLOCKQUOTE (texto - citação)
Uso HTML 4.01 <Q>...</Q>
XHTML <Q>...</Q>
HTML 5 <Q>...</Q>
Formatação Padrão Margens 0px
Visualização inline
Atributos Aceitos id, class, cite, lang ,dir , title , style
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 26677 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog