Como evitar a armadilha de layout HTML5 com base em tabelas
Tabelas são muito grandes. Eles são uma ótima maneira de apresentar certos tipos de dados usando HTML5. Quando você adicionar os e conceitos, você pode usar tabelas para criar alguns layouts muito interessantes. Na verdade, por causa da velha escola HTML realmente não têm qualquer tipo de tecnologia de layout, um monte de desenvolvedores veio com alguns layouts bastante surpreendentes com base em tabelas.
Usando tabelas para layout causa alguns problemas, porém, como
As tabelas não são destinadas para layout. As tabelas são projetados para apresentação de dados, não layout. Para fazer tabelas trabalhar para layout, você tem que fazer um monte de hacks furtivos, como tabelas aninhadas em outras tabelas ou imagens invisíveis para espaçamento.
O código torna-se complicado rápido. Tabelas envolver um monte de marcação HTML. Se o código envolve tabelas aninhadas uma dentro da outra, é muito difícil lembrar qual elemento está relacionado com a qual linha de qual tabela. layouts baseados em tabela são muito difíceis de modificar manualmente.
A formatação é feita célula a célula. Uma página web poderia ser composto de centenas de células da tabela. Fazer uma mudança no tipo de letra ou a cor, muitas vezes envolve fazer alterações em centenas de células em toda a página. Isso faz com que sua página menos flexível e mais difícil de atualizar.
Apresentação é bem amarrado aos dados. Um layout baseado em tabela firmemente entrelaça os dados e sua apresentação. Isso vai contra o objetivo principal de web design - separação de dados de sua apresentação.
layouts baseados em tabela são difíceis de mudar. Depois de criar um layout baseado em tabelas, é muito difícil de fazer modificações porque todas as células da tabela têm um efeito potencial sobre outras células.
layouts baseados em tabela causar problemas para leitores de tela. As pessoas com deficiências visuais utilizar um software especial para ler páginas da web. Estes leitores de tela são bem adaptados para ler tabelas como eles tinham a intenção (para gerenciar dados tabulares), mas os leitores de tela não têm nenhuma maneira de saber quando a tabela está sendo usado como uma técnica de layout em vez de uma ferramenta de apresentação de dados. Isso faz com layouts baseados em tabelas menos complacente com padrões de acessibilidade.
layouts baseados em tabela não se adaptam bem. usuários modernos esperar para executar páginas em telefones e tablets celulares, bem como máquinas de desktop. projetos baseados em tabela não facilmente se adaptar a esses fatores de forma menores.
Resista à tentação de usar tabelas para layout. Use tabelas para fazer o que eles são projetados para: apresentação de dados. As abordagens baseadas em CSS que você pode usar para gerar qualquer tipo de layout visual que você pode querer é mais fácil, mais seguro, e muito mais flexível.