Muita coisa sobre CSS, HTML, Javascript, Search engine optimization (seo), padrões e web
24 Jan
Um dos sites que está presente em meu del.icio.us é o blog de desenvolvimento do pessoal do Opera.
E lendo um dos posts do blog, encontrei um que falava sobre criar tabelas totalmente acessíveis (texto em inglês), algo por qual me interessei muito.
Sugiro que vocês dêem uma lida, pois facilita a leitura de tabelas pelos leitores de telas usados por pessoas com deficiência visual além de não exigir nenhum esforço a mais no desenvolvimento. Para os mais interessados no Google, sim isso também ajuda ao Google entender melhor o que significa todos aqueles dados e, possivelmente, retornar seu site em buscas relacionadas à eles.
Além de ajudar na leitura da tabela, ela irá também facilitar na criação do CSS quando determinadas colunas possuem um estilo diferente, por exemplo. Isso evita a utilização de uma class em todas as colunas e linhas da tabela.
Apesar de o texto estar em inglês, quem não entende muito - ou nada - conseguirá se virar bem. Só de ler o código é possível ver o que cada coisa faz.
1 Jul
Tem gente achando que não é mais para usar tabela, em circunstância alguma. Isso está errado, pessoal. No próprio site brasileiro tableless.com.br isso já foi dito e esclarecido.
Devemos parar de usar tabelas na arquitetura do site. Ou seja, não podemos usar as tabelas para separar o cabeçalho, menu, conteúdo e rodapé. Para isso que existe o div. Entretanto, devemos continuar usando a tag table para criar tabelas. Mas tem gente usando o div para isso.
Além de ser bem mais complicado e exigir muito mais código que uma simples tabela, o div representa um bloco e não uma tabela.
É preciso entender que cada tag no HTML tem sua função e que não podemos usá-las sem pensar se realmente ela está fazendo corretamente o seu papel.
Outro erro que geralmente vejo nos códigos HTML é a utilização do div para separar parágrafos de um texto. Para isso existe a tag p.
Se os webmasters continuarem a usar somente o div como tag default, precisaremos criar um divless.com.br (hum, acho que vou registrá-lo :).
Link relacionado: HTML 4.01 / XHTML 1.0 Reference