Tableless - Desenvolvimento inteligente com Padrões Web

30/11/2004
Geral

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? …

Por

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.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Humberto S. Ribeiro

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

  • http://www.marcusvbp.com.br Marcus VBP

    axo q é cite

  • http://www.ileitor.com.br Assunção Jr.

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

  • André Silva

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

  • André Silva

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

  • http://www.wesleyhenrique.net Wesley Henrique

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

  • Raphael Semedo

    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

    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

    q

  • http://planeta.terra.com.br/educacao/Gutierrez/ Suzana

    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

    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.

  • http://www.rdc.fhp.com.br/Cart_oRDC_1.jpg Alexandre Cordeiro da Silva

    Muito Bom os comentários!!!

  • http://www.echoes4ever.com Jonathas Scott

    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

    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

    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

  • Pingback: Aplicações comem conteúdo. Só os bem tratados. - Tableless

  • http://www.cot.org.br Thiago CODU

    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

    Valeu Diego… boa questão!

    Acredito que neste caso o ideal é usar

    8->

  • Antonio Augusto André Silveira

    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!

  • http://tcelestino.com.br/blog Tiago Celestino

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

    não era semânticamente correto. :D