Busca

Boas práticas de Desenvolvimento com Padrões Web

Lições sobre semântica #2

E lá vamos nós de novo… Estou devendo a todos um artigo sobre semântica. Quero dizer que estou no processo… semântica é um assunto um tanto abrangente, então, aguardem. Abaixo, mais uma questão sobre semântica. Qual a opinião de vocês? Situação: Estou desenvolvendo um artigo, escrevendo no meu blog ou simplesmente fazendo um texto para [...]

30/11/2004 por Diego Eis
20 Comentários

E lá vamos nós de novo… Estou devendo a todos um artigo sobre semântica. Quero dizer que estou no processo… semântica é um assunto um tanto abrangente, então, aguardem.
Abaixo, mais uma questão sobre semântica. Qual a opinião de vocês?

Situação: Estou desenvolvendo um artigo, escrevendo no meu blog ou simplesmente fazendo um texto para um trabalho na faculdade. Achei na internet uma frase muito legal sobre o assunto que estou escrevendo, e gostaria de colocar no meu trabalho, artigo ou post do blog. A questâo é a seguinte:

Que tag é mais apropriada para colocar esta frase no meu texto?

  1. <cite> Aqui vai a frase importante que achei.</cite>
  2. <q> Aqui vai a frase importante que achei.</q>
  3. <blockquote> Aqui vai a frase importante que achei.</blockquote>

Qual a sua opinião?! Comente!~

CONCLUSÃO:
Acabemos com as dúvidas!
Esta situação é um tanto complicada. Para resolver este problema, nada melhor que aprender o que cada tag faz. Este é o óbvio da questão, e é a razão por estarmos aqui discutindo. Então, vamos as definições:

Tag “cite”: Ela serve para defifinir uma citação. Espere, não um texto ou uma frase, mas sim o nome do AUTOR ou o nome da FONTE de onde você tirou o texto ou a frase. Exemplo:
Horrível coisa é cair nas mãos do Deus vivo.<cite> Apóstolo Paulo</cite>
Ok?!

Tag “q” e “blockquote”: As duas tags “q” e “blockquote” são para definir o texto da citação. Com apenas um diferencial: A tag “q” define textos pequenos e a “blockquote” textos grandes. Logo, no exemplo acima, usaríamos a tag “q”:
<q>Horrível coisa é cair nas mãos do Deus vivo.</q> <cite>Apóstolo Paulo</cite>

Se o texto fosse maior:
<blockquote>5 Pois os vivos sabem que morrerão, mas os mortos não sabem coisa nenhuma, nem tampouco têm eles daí em diante recompensa; porque a sua memória ficou entregue ao esquecimento.
6Tanto o seu amor como o seu ódio e a sua inveja já pereceram; nem têm eles daí em diante parte para sempre em coisa alguma do que se faz debaixo do sol. </blockquote><cite>Salomão</cite>

Então, resumindo: A tag “cite” é apenas para definir o nome do Autor ou Fonte de onde você tirou o texto. As tags “q” e “blockquote” servem para definir os textos da citação. Tag “q” para textos pequenos e a tag “blockquote” para textos grandes.

Ao usar as tags “q” e “blockquote” você defini um atributo chamado “cite”. O valor deste atributo é a URL de onde você tirou a citação.
<q cite=”http://elcio.locaweb.com.br/poesias/autor.asp?cod=1″>Feliz aquele que é capaz de amar até mesmo aquilo que não compreende.</q>
Entendido?

Portanto, a resposta da pergunta do começo do post, é que seria mais semântico usarmos a tag “q” para a frase, seguido da tag “cite” para definir o autor da frase.

Abaixo, veja os links que usei como referência:

Espero que as dúvidas tenham sido respondidas.

20 Comentários
Leia também:

Sua opinião:

Vamos elevar o nível de discussão. Exponha sua opinião, sua crítica.



RSS dos comentários deste post
URL para Trackback

20 Comentários

Humberto S. Ribeiro 30/11/2004 às 00:00

Acredito que o <cite> porque é uma citação referenciada de outro site…

Assun&#231;&#227;o Jr. 30/11/2004 às 00:00

<cite>, pois se refere a uma citação.

Andr&#233; Silva 30/11/2004 às 00:00

Não querendo ser repetitivo, mas, eu acredito que seja <cite>.

Andr&#233; Silva 30/11/2004 às 00:00

Não querendo ser repetitivo, mas, eu acredito que seja <cite>.

Wesley Henrique 30/11/2004 às 00:00

Bom, se é uma citação, então tem que ser <cite>, apesar de <blockquote> não estar muito errado.

Raphael Semedo 30/11/2004 às 00:00

Não sei se vou falar besteira, mas pelo que andei vendo, utilizamos para nossas próprias citações, <cite> ou <blockquote> onde:

- <cite> quando fazemos uma citação curta;
- <blockquote> quando vamos fazer uma citação extensa.

e utiluzamos

- <q> quando vamos citar palavras que não são de nossa autoria. A tag adiciona as aspas na citação;

Se estiver errado me corrijam.

Daniel Fagundes 30/11/2004 às 00:00

Acredito que o correto seja <q></q> pois trata-se de uma citação curta (uma frase).

Pelo que entendi, o <cite> serve para você referenciar fontes externas (livros, artigos, filmes, etc) através de seu título ou nome; Daí este titulo ou nome da obra referenciada iria entre as marcações <cite></cite>.

No caso de citações curtas (frase ou poucas linhas) usa-se a marcação inline <q></q> e no caso de longos trechos de citação usa-se o <blockquote></blockquote> (que daí já é um elemento de bloco e não vai mais dentro das marcações <p></p>, por exemplo).

[]‘s

Daniel.

marcelo linhares 30/11/2004 às 00:00

q

Suzana 30/11/2004 às 00:00

Se seguirmos a ABNT, citações curtas vão dentro do texto e entre aspas. Citações mais longas vão fora do texto, com recuo e em fonte menor, sem aspas. Isso combina com o que diz o comentário do Daniel.
abraço,
Suzana

Leandro N. Camargo 30/11/2004 às 00:00

Eu usaria o elemento <cite></cite> estilizado.
Uma vez que semanticamante os elementos <q> e <blockquote> são para marcação de aspas, mas nenhum deles especifica se o termos marcados é uma citação, se é uma referência, se é um termo estrangeiro, etc. Enfim, não especifica o motivo da marcação de aspas.

O que faria seria usar aspas na tag cite, com algo semelhante ao seguinte:

cite.c1:before, cite.c1:after { content: "\""; font-weight: 700; }

Visto que essa propriedade (content), infelizmente, não funciona no IEca.

Alexandre Cordeiro da Silva 30/11/2004 às 00:00

Muito Bom os comentários!!!

Jonathas Scott 30/11/2004 às 00:00

Bem, eu fico com a Suzana e o Daniel… acredito que seria <q>.

Porém ainda me resta uma dúvida em relação a utilização da tag <cite>.

Abraços

Newton Wagner 30/11/2004 às 00:00

Só faltou explicar a diferença real do <q> e <blockquote>. Segundo a referência do W3Schools, o primeiro é para citações curtas:

<q>Aqui uma citação</q>.

Enqto que o Blockquote é pra citações longas, e não aceita diretamente o texto dentro dele.

<blockquote>Aqui uma citação</blockquote>.

Do modo acima estaria incorreto. Tem de ser:

<blockquote>
<p>Citação em varios paragrafos</p>
<p>Citação em varios paragrafos</p>
</blockquote>

:)

sergio 30/11/2004 às 00:00

2 observações :
. o atributo cite do elemento blockquote é uma URI, não um URL
. o elemento q deve ser renderizado entre aspas segundo a especificação do W3C mas nenhum browser faz isto

Thiago CODU 23/05/2006 às 14:46

Essa idéia genial q vc teve está colaborando muito com o meu aprendizado, tem aberto minha mente! O tableless tem colaborado muito com nosso trabalho aqui na empresa.
Vlw por tudo. =D>
Deus te abençoe!

Glaucia 29/05/2006 às 21:20

Valeu Diego… boa questão!

Acredito que neste caso o ideal é usar

8->

Antonio Augusto André Silveira 27/09/2006 às 03:20

Vivendo e aprendendo…

Nunca parei pra ler as especicações destas tags: q e blockquote.

O cite achava que sabia, mas vi que esta meio equivocado.

Muita boa essa, gostei!

Hey DIEGO EIS, coloca as datas dos comentários das pessoas.

Abraços!

Tiago Celestino 26/07/2007 às 00:09

Já estava achando que usar os paragráfos dentro do

não era semânticamente correto. :D