Tableless, Web Standards e Semântica

Muita gente confunde esses 3 conceitos como sinônimos, que embora estejam intimamente ligados, tem definições diferentes. Tentarei explicar resumidamente cada uma delas.

Tableless

Metodologia de criação de páginas sem a utilização de tabelas para a composição de layouts, geralmente com uso de Divs. Isso não significa que quando você desenvolve uma página tableless você não possa usar mais tabelas, mas sim usá-las para sua verdadeira função, a de mostrar dados tabulares, como por exemplo, uma tabela de preços.

Web Standards

Termo que se refere aos padrões web como um todo e não somente linguagem de Marcação (HTML, XHTML) e CSS. Estes padrões foram definidos pela W3C a fim de terminar com a guerra dos browsers e organizar melhor o código para facilitar seu entendimento.

Semântica

A semântica serve para estruturar e nomear elementos corretamente dentro dos padrões web. Um tí­tulo de uma página pode ser escrito como <div class=’titulo’>Titulo </div> que ele estará seguindo o padrõ determinado pelo W3c, mas será que eleé semanticamente correto? A resposta é não, para isso termos as tags de Tí­tulos(h1,h2,h3), onde para um tí­tulo principal utiliza-se a tag <h1> e um subtí­tulo a tag <h2>. Outro exemplo é quanto a utilização de nomes para classes e IDs. Uma classe estará melhor estruturada semanticamente quando seu nome condiz a sua funcionalidade do que os atributos que ela contém. Um link para paginação seria melhor estruturado com o nome de œPaginacao do que LinkAzul.

Fazendo uma análise do que foi abordado, um site cheio de Divs aninhadas pode até ser considerado tableless, assim como um site estruturado em tabelas com elementos e atributos válidos segundo a W3c também é um site web Standards (difí­cil pensar nisso, mas é verdade). Além desses exemplos e de outros apresentados podemos perceber que estruturar estas 3 regrinhas básicas para criar páginas acessí­veis não é tarefa fácil, mas não é impossí­vel. O que você deve ter em mente é que esses conceitos, embora distintos, devem ser utilizados juntos para uma melhor interação entre máquina e humano, com a finalidade de melhor entendimento entre ambos e que também é conhecida como usabilidade, mas isso é assunto para outro Post.