A semântica e o elemento HTML q
Postado por: Pedro Rogério emProvavelmente 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.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
É como diz o ditado: É vivendo e aprendendo!
Ótimo artigo.
Parabéns…
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
E viva a semântica =)
Mais do mesmo: Você pode usar ainda as tags
citeeblockquote(esta última para citações mais longas)..“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.
tem como vc me manda as tags de como colocar esse deixe seu comentario, to criando uma pagina queria saber
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: <p> <q> Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse <cite> John Kennedy </cite> </p>
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