EXEMPLO REAL DE SEMÂNTICA NA WEB
Postado em: 9 de janeiro de 2008 por Pedro RogérioTAG <q> FUNCIONANDO NO INTERNET EXPLORER
Postado em: 7 de março de 2007 por Pedro RogérioEm um artigo anterior podemos ver que a tag <q> não funciona no Internet Explorer, pra quem não sabe, a tag <q> tem função de indicar citações, as famosas aspas para indicar a fala de alguém. Mas hoje existe uma forma muito simples de contornar isso, apenas utilizando de um arquivo HTC chamado fixQuotes_en.htc, desenvolvido por Will code 4 beer, basta utilizá-lo da seguinte forma:
Basta chamar o arquivo via CSS:
<style type="text/css">
q { behavior:url(fixQuotes_en.htc); }
</style>
Para maiores informações, visite o artigo original: Fixing the Quote Tag in Internet Explorer.
APRENDENDO HTML SEMANTICAMENTE CORRETO #2
Postado em: 21 de fevereiro de 2007 por Pedro RogérioAPRENDENDO HTML SEMANTICAMENTE CORRETO
Postado em: 10 de janeiro de 2007 por Pedro RogérioA partir de hoje iremos fazer um curso de HTML visual, irei mostrar as tags e suas respectivas funções. Vejam a tag <body>:

A SEMÂNTICA E O ELEMENTO HTML Q
Postado em: 20 de setembro de 2006 por Pedro RogérioProvavelmente 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.










