Tableless

[Dr. André 0]

O que é? Onde eu poso aprender isto? Para o que é usado?

[lee.rain o pet 0]

Oi... links bons pra começar:

 

http://www.plasmadesign.com.br/stupidtables/everything.html

http://tableless.com.br/aprenda/

http://forum.imasters.com.br/index.php?showtopic=125269

 

E garanto que o pessoal deve ter muito mais links http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Dr. André 0]

valeu cara... mais eu queria algumas informações do que é e tals...

[lee.rain o pet 0]

Eu não sou a melhor pessoa para falar aqui de tableless até mesmo porque ainda sou novo na área, mas...

 

O W3C ( www.w3c.org ) recomenda que se utilize as tags HTML para as finalidades certas, por exemplo:

 

<p> para parágrafos

<h1>, <h2>, <h3>, <h4>, <h5> e <h6> para títulos, de acordo com a sua importância (h1 é mais importante que h2...)

<ul>, <ol>, <li> para listas

<table>,<tr>,<th>,<td> para representar dados tabulares

 

Como você deve saber, existem ainda muitos sites construídos cujo layout é formado em tabelas, por exemplo:

 

<table>  <tr>    <td colspan="2"><!-- CABEÇALHO --></td>  </tr>  <tr>    <td width="150"><!-- MENU --></td>    <td><!-- CONTEÚDO --></td>  </tr>  <tr>    <td colspan="2"><!-- RODAPÉ --></td>  </tr></table>

Isso não é recomendado, pois utiliza a tabela para uma finalidade (formatar layout) diferente da que foi proposta para ela (representar dados tabulares).

 

Quando você usa Tableless, você deixa a formatação da página a cargo das CSS e no documento HTML não fica formatação nenhuma. Fazendo assim você pode alterar a formatação quando e como quiser sem precisar alterar o documento HTML.

 

HTML

<div id="Cabecalho"><!-- CABEÇALHO --></div><div id="Menu"><!-- MENU --></div><div id="Conteudo"><!-- CONTEUDO --></div><div id="Rodape"><!-- RODAPÉ --></div>

CSS

#Cabecalho { clear: both }#Menu { float: left; width: 150px }#Conteudo { float: left }#Rodape { clear: both }

Resultado: um código mais leve e fácil de entender...

 

E você pode usar as tabelas para o propósito que elas foram criadas: gerar tabelas... :rolleyes:

 

Um bom exemplo de como se usar tableless é o zen garden do maujor: http://www.maujor.com/temas/index.php

 

Existe muita coisa ainda. Não dá pra definir Tableless com um simples "deixar de usar tabelas na construção do layout"... você também precisa aprender a usar melhor os recursos do HTML como as listas, as tags <strong> e <em> etc...