É verdade Lucas TS. O artigo "Uso correto de tabelas" realmente não é de minha autoria. Este artigo foi produzido por Henrique Costa Pereira, do blog Revolução e Etc. Acredito que ao indicar este artigo, o Diego se confundiu.
Oi Márcia. O TD é usado também. O fato é que, o TH é usado para uma linha que sirva de cabeçalho em uma tabela. Ex.: Uma tabela com produto e preço, a primeira linha (produto e preço) seria o TH.
Então seguindo o tipo de pensamento apresentado, um formulário, por exemplo, deveria ser feito sem tabelas?
As tabelas deveriam ser usadas unica e esclusivamente para a apresentação de listas?
Conceitualmente falando??
Agora falando praticamente, o detalhe de tabelas não poderem ser carregadas enquando são criadas em alguns tipos de browsers não valida a criação de listas, dados tabulares sem tabelas?
Marcos Pellegrine, tabelas devem ser usadas sempre que você precisar literalmente, de exibir informações em dados tabulares. Há diversas técnicas de simular dados tabulares com DIVs e que podem ser utilizados quando, criteriozamente, não for uma "tabela" mesmo que possua o mesmo formato. Se você quer exibir um conjunto de quadros, com imagens que sejam links por exemplo, que não estão em ordem e não possuam relação entre si, como em uma galeria de fotos, na minha opinião você pode usar DIVs.
O que deve nos guiar para escrever um código semântico, é definir aquilo que queremos exibir. Só após definir isso, poderemos escolher qual tag (ou conjunto de tags) devem ser usadas para obter aquilo que queremos. Mas tabelas serão sempre bem vindas quando você precisar de uma. Sem tabus.
Abraço á todos e muito obrigado pelos comentários e críticas.
eu concordo com o Alex Saueressig, tabelas devem ser utilizadas para o que elas foram criadas: TABULAR DADOS (uma tabela com os resultados dos jogos da primeira rodada do brasileirão, uma grade de programação de algum canal etc.).
Os formulários não deveriam ser feitos com tabelas, mas devido a complexidade de alguns formulários (para a disposição dos itens) a tabela ainda continua sendo utilizada em alguns casos (você fica com um código semânticamente "incorreto" mas com a apresentação desejada). Sobre formulários você vai encontrar N tópicos aqui no fórum do tableless discutindo a melhor aplicação.
Sobre sua última questão das tabelas não poderem ser carregadas enquanto são criadas, eu não entendi o que você quer saber :p, espero que alguêm possa ajudar você com essa questão.
Então seguindo o tipo de pensamento apresentado, um formulário, por exemplo, deveria ser feito sem tabelas?
As tabelas deveriam ser usadas unica e esclusivamente para a apresentação de listas?
Conceitualmente falando??
Agora falando praticamente, o detalhe de tabelas não poderem ser carregadas enquando são criadas em alguns tipos de browsers não valida a criação de listas, dados tabulares sem tabelas?
Desculpem a repetição da ultima mensagem, acabei me enrolando com as mensagens aqui.
Mas legal, acabei esclarecendo algumas duvidas que tinha.
Mas uma outra que surgiu foi: Ja que a utilização das tabelas em códigos semanticos é permitido, perde-se um pouco do conceito de tableless e ganhasse no conceito de código semantico, né?
Pois essa idéia torna viavel a utilização de tabelas, desde que bem utilizadas, em qualquer código.
Sendo assim o código deixa de ser tableless, não é?
"Tableless" na minha opinião, deveria ser iagual a "webstandards" ou "padrões web". Tableless é um nome (segundo o Diego) marketeiro, (e eficiente por sinal) que significa "não ESTRUTURAR sites em tabelas" o que é completamente difererente de "NUNCA usar tabelas". Como você pode ver em vários artigos do Diego como este (http://www.tableless.com.br/artigos/tableless.asp)
ele explica muito bem isso.
Ou seja, tables sempre serão bem vindas quando você precisar exibir dados tabulares!
Tenho um exemplo pro Marcos Antônio entender melhor a importância de exibir DADOS TABULARES em TABLE:
vá no excel (ou algum melhor) e dirija-se à dados/obter_dados_externos/nova_consulta_à_web.
No local da URL insira http://www.arvoresdeirati.com/listas/index.php?lista=irati (por exemplo)…
Note que, após feita a consulta, ele puxou somente os dados dentro da table (julga-se isso o ideal).
Imagina agora tentar obter dados externos, deste mesmo modo, em sites onde o layout é todo em table,tr,td… (melhor nem tentar..)
Flw
Tableless não é apenas o ato de não usar tabelas para construção de layouts, mas é usar as outras tags respeitando sua verdadeira função, ou seja semanticamente.
Ao meu ver, um título de um site estruturado em um <div> ao invés de uma heading tag, <h1>,
exemplo:
<div class="titulo">Meu Site</div>
… é tão incorreto e incoerente quanto estruturar um layout em uma tabela.
Mas se for apresentar dados que necessitam ser tabelados, como a classificação dos times de um campeonato de futebol, dai o uso da tabela, alem de aceitavel, é recomendavel.
Olá Dudu Figueiredo…
Eu também pensava que Tableless era muito mais que não usar tabelas para layout. Pensava que envolvia semântica e outras recomendações da W3C, mas o Diego falou que não (no podcast), então o que eu posso fazer, afinal, o "marketeiro" é ele. Mas eu acho que o Bruno Torres tem uma visão mais ampla (e aceitável) do termo Tableless…
Alex,
Ainda não ouvi o podcast, mas acho desanimador saber que o Diego não associa Tableless com Semantica, ouvirei o podcast e volto a comentar.
Daniel, assim vc esta desviando o foco da questão, eu me refiro ao conceito Tableless , e não a seu significado ao "pé-da-letra".
Você acredita que se eu almoçar sentado no sofá com o prato no colo, ao invés de comer sentado à mesa, eu estarei praticando "tableless" ??
Vamos falar não da palavra, mas do conceito que ela passa…
Alguem poderia ir direto ao assunto sem ficar enrolando?
Seja direto sobre o que são Tableless, pois pelo o que eu entendi tableless nada mais é que uma técnica de criação de paginas sem a uso de tabelas mas sim div´s onde os dados ficam mais organizados e facil de trabalhar.
Isso foi o que eu entendi, so falta não ser isso. Então eu sou burro mesmo e acabou a história.
Fazer otimização de um site para que obtenha melhores resultados nos sistemas de busca – ou SEO, Search Engine Optimizer – é uma arte. Não é apenas utilizar palavras-chave, como muitos pensam. O profissional de SEO é, antes de tudo, uma espécie …
23 Comentários
Lucas TS 05/09/2005 às 00:00
Cara, acho que quem fez o artigo foi o Henrique C Pereira
Thiago Melo 05/09/2005 às 00:00
É verdade Lucas TS. O artigo "Uso correto de tabelas" realmente não é de minha autoria. Este artigo foi produzido por Henrique Costa Pereira, do blog Revolução e Etc. Acredito que ao indicar este artigo, o Diego se confundiu.
Márcia O. Carmo 05/09/2005 às 00:00
Ué.. deixa eu ver se entendi… usar TD não é semanticamente correto? Devemos usar TH?
Ciro Feitosa 05/09/2005 às 00:00
Oi Márcia. O TD é usado também. O fato é que, o TH é usado para uma linha que sirva de cabeçalho em uma tabela. Ex.: Uma tabela com produto e preço, a primeira linha (produto e preço) seria o TH.
Ciro Feitosa 05/09/2005 às 00:00
Publiquei algo parecido em Fevereiro deste ano. Segue link: http://www.cirofeitosa.com.br/post.php/formularios-acessiveis
Marcos Antonio Pellegrini Junior 05/09/2005 às 00:00
Utilizar tabelas, mesmo que de maneira semantica e com as tags respeitando suas designações não é algo que foge do conceito "TABLELESS"?
Sendo que os dados tabulares podem ser exibidos da mesma forma sem usar as tabelas?
Vejam, não estou criticando, é que realmente fiquei na duvida.
Alex Saueressig 05/09/2005 às 00:00
Dados tabulares DEVEM ser exibidos em tabelas
Diogo Chaves 05/09/2005 às 00:00
Parabéns ao Henrique pelo ótimo artigo, e ao Diego por divulgar o http://www.revolucao.etc.br para os visitantes do tableless
Marcos Antonio Pellegrini Junior 05/09/2005 às 00:00
Então seguindo o tipo de pensamento apresentado, um formulário, por exemplo, deveria ser feito sem tabelas?
As tabelas deveriam ser usadas unica e esclusivamente para a apresentação de listas?
Conceitualmente falando??
Agora falando praticamente, o detalhe de tabelas não poderem ser carregadas enquando são criadas em alguns tipos de browsers não valida a criação de listas, dados tabulares sem tabelas?
Henrique Costa Pereira 05/09/2005 às 00:00
Marcos Pellegrine, tabelas devem ser usadas sempre que você precisar literalmente, de exibir informações em dados tabulares. Há diversas técnicas de simular dados tabulares com DIVs e que podem ser utilizados quando, criteriozamente, não for uma "tabela" mesmo que possua o mesmo formato. Se você quer exibir um conjunto de quadros, com imagens que sejam links por exemplo, que não estão em ordem e não possuam relação entre si, como em uma galeria de fotos, na minha opinião você pode usar DIVs.
O que deve nos guiar para escrever um código semântico, é definir aquilo que queremos exibir. Só após definir isso, poderemos escolher qual tag (ou conjunto de tags) devem ser usadas para obter aquilo que queremos. Mas tabelas serão sempre bem vindas quando você precisar de uma. Sem tabus.
Abraço á todos e muito obrigado pelos comentários e críticas.
Diogo Chaves 05/09/2005 às 00:00
Olá Marcos,
eu concordo com o Alex Saueressig, tabelas devem ser utilizadas para o que elas foram criadas: TABULAR DADOS (uma tabela com os resultados dos jogos da primeira rodada do brasileirão, uma grade de programação de algum canal etc.).
Os formulários não deveriam ser feitos com tabelas, mas devido a complexidade de alguns formulários (para a disposição dos itens) a tabela ainda continua sendo utilizada em alguns casos (você fica com um código semânticamente "incorreto" mas com a apresentação desejada). Sobre formulários você vai encontrar N tópicos aqui no fórum do tableless discutindo a melhor aplicação.
Sobre sua última questão das tabelas não poderem ser carregadas enquanto são criadas, eu não entendi o que você quer saber :p, espero que alguêm possa ajudar você com essa questão.
Marcos Antonio Pellegrini Junior 05/09/2005 às 00:00
Então seguindo o tipo de pensamento apresentado, um formulário, por exemplo, deveria ser feito sem tabelas?
As tabelas deveriam ser usadas unica e esclusivamente para a apresentação de listas?
Conceitualmente falando??
Agora falando praticamente, o detalhe de tabelas não poderem ser carregadas enquando são criadas em alguns tipos de browsers não valida a criação de listas, dados tabulares sem tabelas?
Marcos Antonio Pellegrini Junior 05/09/2005 às 00:00
Desculpem a repetição da ultima mensagem, acabei me enrolando com as mensagens aqui.
Mas legal, acabei esclarecendo algumas duvidas que tinha.
Mas uma outra que surgiu foi: Ja que a utilização das tabelas em códigos semanticos é permitido, perde-se um pouco do conceito de tableless e ganhasse no conceito de código semantico, né?
Pois essa idéia torna viavel a utilização de tabelas, desde que bem utilizadas, em qualquer código.
Sendo assim o código deixa de ser tableless, não é?
Henrique Costa Pereira 05/09/2005 às 00:00
"Tableless" na minha opinião, deveria ser iagual a "webstandards" ou "padrões web". Tableless é um nome (segundo o Diego) marketeiro, (e eficiente por sinal) que significa "não ESTRUTURAR sites em tabelas" o que é completamente difererente de "NUNCA usar tabelas". Como você pode ver em vários artigos do Diego como este (http://www.tableless.com.br/artigos/tableless.asp)
ele explica muito bem isso.
Ou seja, tables sempre serão bem vindas quando você precisar exibir dados tabulares!
Alex Saueressig 05/09/2005 às 00:00
Tenho um exemplo pro Marcos Antônio entender melhor a importância de exibir DADOS TABULARES em TABLE:
vá no excel (ou algum melhor) e dirija-se à dados/obter_dados_externos/nova_consulta_à_web.
No local da URL insira http://www.arvoresdeirati.com/listas/index.php?lista=irati (por exemplo)…
Note que, após feita a consulta, ele puxou somente os dados dentro da table (julga-se isso o ideal).
Imagina agora tentar obter dados externos, deste mesmo modo, em sites onde o layout é todo em table,tr,td… (melhor nem tentar..)
Flw
Dudu Figueiredo 05/09/2005 às 00:00
Tableless não é apenas o ato de não usar tabelas para construção de layouts, mas é usar as outras tags respeitando sua verdadeira função, ou seja semanticamente.
Ao meu ver, um título de um site estruturado em um <div> ao invés de uma heading tag, <h1>,
exemplo:
<div class="titulo">Meu Site</div>
… é tão incorreto e incoerente quanto estruturar um layout em uma tabela.
Mas se for apresentar dados que necessitam ser tabelados, como a classificação dos times de um campeonato de futebol, dai o uso da tabela, alem de aceitavel, é recomendavel.
Alex Saueressig 05/09/2005 às 00:00
Olá Dudu Figueiredo…
Eu também pensava que Tableless era muito mais que não usar tabelas para layout. Pensava que envolvia semântica e outras recomendações da W3C, mas o Diego falou que não (no podcast), então o que eu posso fazer, afinal, o "marketeiro" é ele. Mas eu acho que o Bruno Torres tem uma visão mais ampla (e aceitável) do termo Tableless…
Daniel Santana 05/09/2005 às 00:00
Bem, acho que um mínimo de noção de inglês acabaria com o assunto!
Ou wireless tem que ser sem fio com semântica?
Alex Saueressig 05/09/2005 às 00:00
Não, não quero começar esta discussão.
Obs.: sei inglês!
Dudu Figueiredo 05/09/2005 às 00:00
Alex,
Ainda não ouvi o podcast, mas acho desanimador saber que o Diego não associa Tableless com Semantica, ouvirei o podcast e volto a comentar.
Daniel, assim vc esta desviando o foco da questão, eu me refiro ao conceito Tableless , e não a seu significado ao "pé-da-letra".
Você acredita que se eu almoçar sentado no sofá com o prato no colo, ao invés de comer sentado à mesa, eu estarei praticando "tableless" ??
Vamos falar não da palavra, mas do conceito que ela passa…
chuck 10/01/2006 às 16:57
Eval() 10/03/2006 às 13:33
Alguem poderia ir direto ao assunto sem ficar enrolando?
Seja direto sobre o que são Tableless, pois pelo o que eu entendi tableless nada mais é que uma técnica de criação de paginas sem a uso de tabelas mas sim div´s onde os dados ficam mais organizados e facil de trabalhar.
Isso foi o que eu entendi, so falta não ser isso. Então eu sou burro mesmo e acabou a história.
Tecnocracia : Estado Tecnológico 15/03/2007 às 23:52
A Arte do SEO…
Fazer otimização de um site para que obtenha melhores resultados nos sistemas de busca – ou SEO, Search Engine Optimizer – é uma arte. Não é apenas utilizar palavras-chave, como muitos pensam. O profissional de SEO é, antes de tudo, uma espécie …