Porquê semântica faz diferença: Tag table
Igor Escobar on Jun 17th 2008
Este projeto tem como objetivo, dar um “empurrãozinho”, para aquelas pessoas que não tem o hábito de ir em busca dos valores semânticos das tags que utilizam, a grande maioria dos designers e programadores sabem que devem usar a tag div por exemplo, mas não fazem idéia do por que realmente ela foi criada ou qual o verdadeiro uso prático desta tag.
Tag <table>
Definição
A tag <table> define uma tabela, dentro da tag <table> você consegue definir cabeçalhos, linhas, celulas e outras tabelas.
Diferenças no HTML e XHTML
Os atributos “align” e “bgcolor” esta absoleto no HTML 4.01.
Os atributos “align” e “bgcolor” não é suportado no XHTML 1.0 Strict DTD.
Dicas e Observações
Dica 1: Use a tag <table> para agrupar elementos de linha e formata-los com stilos.
Exemplo
| Código | Saída | ||
|---|---|---|---|
| <table border = “1″> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> |
|
Atributos Opcionais
DTD indica em qual DTD o atributo é permitido. S=Strict, T=Transitional, and F=Frameset.
| Atributo | Valor | Descrição | DTD |
|---|---|---|---|
| align | left center right |
Alinha a tabela. Absoleto. Defina o alinhamento com folhas de estilo. | TF |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
Especifica a cor de fundo da tabela. Absoleto. Defina com folhas de estilo. | TF |
| border | pixels | Especifica a largura da tabela.Dica: coloque border=”0″ para obter tabelas sem bordas! | STF |
| cellpadding | pixels % |
Especifica a distância entre o conteudo e as extremidades da celula. | STF |
| cellspacing | pixels % |
Especifica a distância entre uma célula e outra. | STF |
| frame | void above below hsides lhs rhs vsides box border |
Especifica quais lados da borda iram ser visiveis Nota: O atributo “border” pode ser usado em conjunto com o atributo “frame” para especificar a largura das bordas! | STF |
| rules | none groups rows cols all |
Especifica o divisor horizontal/vertical das linhas.Note: Deve ser usado em conjunto com o atributo “border”! | STF |
| summary | text | Especifica o resumo do conteudo da tabela para navegadores não-visuais. | STF |
| width | % pixels |
Especifica a larguda da tabela. | STF |
Atributos Padrão
id, class, title, style, dir, lang, xml:lang
Eventos suportados
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Filed in Internet, Semântica, Web Standards | One response so far
Cesar Jun 17th 2008 at 06:59 pm 1
Ae Igor, muito boa a iniciativa. Só está esquecendo de colocar a fonte de informação em casa post. http://www.w3schools.com/tags/default.asp
Abraços e continue com o projeto.