Ir para conteúdo / Skip to content

A SEMÂNTICA E O ELEMENTO HTML Q

Postado em: 20 de setembro de 2006 por Pedro Rogério

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

Isso pode lhe interessar:

Deixe seu comentário

8 comentários para esse post

  1. Jorge Paulo disse: 20.09.06 ás 07:42
    #1

    É como diz o ditado: É vivendo e aprendendo!

    Ótimo artigo.

    Parabéns…

  2. gio! disse: 21.09.06 ás 01:32
    #2

    Olha…conheci esse blog através do BlogDay, e desde então tenho acessado com bastante frequência, e cada vez mais fico impressionado…..muito coisa que nem passava pela minha cabeça!!!

    Ótimo o blog! Parabéns!!!

    []’s

  3. Igor Escobar disse: 22.09.06 ás 10:28
    #3

    E viva a semântica =)

  4. Newton Wagner disse: 28.09.06 ás 17:56
    #4

    Mais do mesmo: Você pode usar ainda as tags cite e blockquote (esta última para citações mais longas).. :)

  5. Token disse: 29.10.06 ás 10:06
    #5

    “disse John Kennedy” deveria ficar entre a marcação cite.

    sempre que for mencionar de quem foi a citação de um elemento q ou blockquote use cite.

  6. ramon disse: 03.11.06 ás 21:13
    #6

    tem como vc me manda as tags de como colocar esse deixe seu comentario, to criando uma pagina queria saber

  7. Edmundo Filho disse: 01.05.07 ás 21:51
    #7

    Nesse caso a informação ficaria mais semântica utilizando além da tag q (para o trecho da informação que faz referência a citação), as tag´s cite (marcando quem citou, ou seja, o autor da frase) e p (pois essa informação acima apesar de citação faz parte de uma parágrafo. Exemplo: &ltp&gt &ltq&gt Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade&lt/q&gt, disse &ltcite&gt John Kennedy &lt/cite&gt &lt/p&gt

  8. Alex Batista disse: 11.09.08 ás 09:02
    #8

    Lembrando que depende da situação. Tenho conhecimento sobre a tag, mas deve ter um cuidado na hora de utiliza-la. Motivos: O browser reconhece aquele palavra como citação o que poderá sobre algum tipo de alteração tanto na forma visual como acessível. Mas é claro que o seu valor semântico é rico para uso das Web Standard.

    Abraço

Deixe seu comentário