Andre Metzen


Você sabe HTML?

Publicado em Semântica por Andre Metzen, 17 de December de 2006

A maioria dos profissionais de informática respoderiam sim a essa pergunta, mas na realidade são poucos que realmente sabem fazer marcações HTML. É simples concluir isso, basta navegar alguns minutos na internet e olhar a verdadeira sopa de letrinhas que formam o HTML da maioria dos sites atolados de <table>, <tr> e <td> em todos os cantos da pagina. Será que saber HTML é pegar o Dreamweaver e simplesmente deixar a aparência do documento do jeito que você quer?

Se a maioria das pessoas sabem HTML porque insistem em usar tabelas para formatar layout, tags <font> para estilizar as fontes entre outras coisas bizarras que vemos por ai? Claro que compreendo que haja muitas pessoas que ainda estão aprendendo a trabalhar com HTML, mas ainda é muito comum ver grandes portais utilizarem as mesmas técnicas arcaicas da época em que todos enchiam a pagina com GIFs animados para enfeitar.

HTML, como a própria sigla diz, é apenas uma linguagem de marcação, ela não foi criada para prover nenhuma estilização às tags, nem para formatar o layout da pagina. O objetivo do HTML é apenas destacar trechos de textos em um documento limpo, inserir conteúdos multimidia e fazer ligações entre um documento e outro. Portanto, modificar a estrutura de um texto ou de um documento para ele se adequar ao layout (como acontece normalmente quando fazemos um layout baseado em tabelas) não é a opção mais interessante, apesar de ainda ser a mais usada.

E é ai que entra a Web Semântica! Web semântica é sem duvida um dos conceitos mais polêmicos e importantes do desenvolvimento web. A partir da semântica é que devemos organizar nosso documento para que possamos além de seguir os padrões web, fazer sites realmente compatíveis e acessíveis. Ela consiste em usar as tags em seus reais sentidos, ignorando o efeito visual das marcações. Quando temos um texto, nós devemos usar por exemplo as tags <p> para os paragráfos, tags <h1>, <h2>, <h3> e etc. para os títulos, <strong> para reforçar uma palavra ou frase e por ai vai, utilizar as tags para as funções que elas foram feitas. Ainda é muito comum ver coisas como <span class=”titulo”> e um paragrafo dentro de <div> ou até mesmo tabelas com apenas uma célula para poder ficar bem posicionado na página. Porque não utilizar as tags no real sentido delas? Isso tornaria um código mais legível para dispositivos móveis, para bots como o Googlebot (ai entra a questão do posicionamento nos resultados de busca) e para leitores de tela. Enfim, basta um pouco de bom senso na hora de escrever o código para que possamos melhorar a qualidade do nosso HTML.