Tabelas, formularios e layouts

Table talvez seja a tag mais icônica e utilizada da web. No primórdios da criação de página Web a única forma de criar lay-out era usando table, já que ainda não existia a especificação das Divs. Então o lay-out era totalmente baseado em table. Com o surgimento das Divs houve um movimento Tableless, para a utilização
das Divs ao invés das Tables. Mas ainda hoje existem um enormidade de sites que utilizam table para a criação de lay-out.

É recomendado que se use Table para tabular e exibir dados. Por exemplo quer exibir uma lista de usuários, leia a base de dados e exiba utilizando a tag table.

Por outro lado atualmente não é aconselhável utilizar table para a formatação de lay-outs pelos seguinte motivos:

Tabela foi criada para exibir dados tabulares
-O código fica mais sujo;
-O google ele pode até indexar, mas se você fizesse o site utilizando tableless, você utilizaria tags corretas para indicar o que cada elemento representa na página (ex: h1-h6 -> título)
-O seu site fica melhor visualizado em vários dispositivos (utilizando tableless)
-Não é responsivo
-Não renderiza bem em dispositivos móveis

Seguindo a recomendações do Tableless e Web Standard é não utilizar table para construção e formatação de lay-out.
Mas sempre é aconselhável ter uma visão critica e as vezes é melhor fugir a recomendação e utilizar table, pois em alguns caso fica quase impossível fugir da utilização de tabelas, ainda mais se o site for rodar em versão antigas dos browsers.

Finalizando table é de grande ajuda e utilidade, deve-se ter cautela no seu uso e evitar aninhar várias tabelas, mas dependendo do cenário
use sem se preocupar, pois mais vale um solução não aderente a um padrão que funcione que uma aderente ao padrão que não funciona.

Para maiores informações pergunte ao pai Google sobre Tableless e WebStandard.

Pelas minhas simples e humildes duvidas e pelas respostas que recebo, que são ótimas, muito obrigada Jothaz!!! Vejo que a parte de front-end não é simples, pode parecer quando começamos com o basico: html, head, title e body, dentro desse pequeno mundo existe muito conteudo, muitas formas de desenvolver, isso sem falar das inumeras soluções que ajudam e/ou dificultam! As vezes me pergunto se não estou fazendo perguntas simples demais, aí vem o Jothaz, mais uma vez, com respostas completas e com algo mais no sentido de "pesquise que você encontra mais...", mais uma vez, espero não está sendo chata nessas perguntas!

Olha HTML, CSS e JavaScript podem ser considerados banais em relação a back-end, ai realmente as coisas complicam muito.

Não é incomodo responder a questões básicas, pois fazem parte do aprendizado.

E sempre sugiro mais leituras e pesquisa para permitir outra visão e mais informações sobre os temas, pois tudo que respondo é minha visão
e experiência pessoal e não devem nem podem ser tratados como verdades absolutas. E outro motivo é que são assuntos extensos para serem
abordados e esclarecidos em post´s de fóruns.

Mas continue perguntando e aprendendo e bons estudos.

Obrigada.

Só consideram, na pratica é outra historia, parece aquela coisa quadrada vendo por cima.

Verdade Marcelo, no inicio é dificil mas estou tentando.
Aproveitando aqui, na criação de formularios, é melhor divs ou table?

As boas práticas recomendam a utilização de Div´s, principalmente se for pra rodar em dispositivos móveis.

Mas todo o esforço de desenvolvimento invariavelmente se resume a custo e prazos. Então se por acaso você não tem muito tempo para desenvolver
e o lay-out é complexo, vá de Table. Claro que lembrando-se sempre de evitar tables aninhada e de que em dispositivos movies a renderização
pode ficar comprometida. Mas as vezes é um aplicação que vai rodar somente na intranet.

Mas sempre que possível utilize Divs, mas neste caso evite dezenas de Divs aninhadas, pois também é ruim para dar manutenção, como a table aninhadas.

Claro que neste caso é sempre aconselhável ae ater a Web semântica e utilizar as tag fieldset e label.

Existe uma outra abordagem, que gera alguma controvérsia, que defende o uso de lista encadeadas (<li>) para formatar formulários. Para mais informações
consulte o pai Goole html form with li



Para vaiar sugiro uma consulta ao pai Google sobre Tableless, WebStandar e formatação de formulários. Assim você terá uma visão completa e
critica do assunto.

OK Jothaz, novamente obrigada.

Obrigada.