Exemplo real de semântica na Web
Postado em: 9 de janeiro de 2008 por Pedro Rogério
A semântica e as tags <kbd>, <var> e <dfn>
Postado em: 3 de setembro de 2007 por Pedro RogérioCom certeza, muita gente nem sequer já utilizou essas tags, eu, particularmente, também nunca as utilizei, e também sabia muito pouco sobre sua verdadeira utilidade, mas basta um pouco de pesquisa que você acaba encontrando o que precisa. Agora vamos ver o significado de cada uma:
<kbd>
Com essa tag você pode indicar ao usuário que ele deve utilizar alguma tecla de seu teclado para realizar determinada função:
<p>Você deve utilizar a tecla <kbd>ESC</kbd> para encerrar o aplicativo</p>
Também recomendo seu uso para indicar ao usuário o uso de accesskey na página.
<var>
Serve para indicar uma variável de alguma linguagem de programação. Possui um estilo por padrão, no qual transforma a tipografia em monospace:
<p>No código JavaScript, a variável <var>validarCampo</var> é utilizada para...</p>
<dfn>
Introduz um termo, uma definição a seu texto:
<p>Eu quando digo <dfn>braço curto</dfn>, estou me referindo a um programador preguiçoso.</p>
O W3C atualiza seu validador HTML
Postado em: 30 de julho de 2007 por Pedro Rogério
Foi atualizado recentemente o validador HTML do W3C, que agora se encontra em sua versão 0.8.0, mas não se esqueça do primordial: “Validação não é nada sem semântica”.
TAG <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ério
APRENDENDO 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>:
