And After - Design e Tecnologia por Sua Conta!
O desenvolvedor é um blog sobre desenvolvimento web, não tratando apenas de programação mas também compartilhando experiências, métodos, debates e tendências da internet.

O Desenvolvedor é um blog de www.andafter.org
Assinar o Feed RSS

Chris Benseler

[www]

Fotos sempre tiradas do lado direito do rosto. Que nem o Rei!
Viciado em web, trabalho com web. Javascript e (x)html são minha praia conhecida, e me arrisco com PHP e Java.
Na vida offline, futebol e música me distraem. E falar bobeiras com os amigos

Status
Karma: 13092
Opiniões: 30

Mais deste autor


Semântica no html - impasse?

Semântica no html - impasse?

Muito bomEste texto foi classificado como Muito bom
Em Internet, Programação
Por Chris Benseler
4 de Novembro de 2008

Isso é uma tabela (table), com um cabeçalho (header) e os dados abaixo, ou uma lista (ul) que tem um título (h1, h2, etc…) antes? Vamos fazer algumas considerações...

RSS Acompanhe O Desenvolvedor por Feeds!


Escrevi outro dia sobre semântica no html: alguns conceitos, uma idéia macro e um exemplo prático de como escrever um html dessa forma.

Mas, nem tudo é maravilha… estava agora pouco escrevendo um html quando me deparo com um layout que era algo como esse (procurei na web alguma coisa parecida, já que layout do cliente não pode ser exposto):

A dúvida é a seguinte: isso é uma tabela (table), com um cabeçalho (header) e os dados abaixo, ou uma lista (ul) que tem um título (h1, h2, etc…) antes?
Conversei com um dos meus assistentes, e ele de prima falou que faria uma tabela. Já, eu, imaginei que fosse ser uma lista com um título antes. Sinceramente, não dá pra chegar numa conclusão definitiva sobre isso. Não acho que exista um certo ou errado para esse código; ambos fariam sentido, pois pode ser uma tabela de dados ou uma lista de valores.

Como você escreveria?

Ah, indico esse post do Diego Eis sobre tabelas semânticas!

O que você achou do texto?

  • Muito ruim
  • Ruim
  • Regular
  • Bom
  • Muito bom
Sua opinião é o que faz a comunidade funcionar, colabore para isso!

Tags: semantica

Enviar para um amigo
Você pode comentar, assinar o feed, conhecer mais sobre o autor e ajudar a divulgar este artigo em sua ferramenta favorita através dos botões abaixo.
  • Rec6
  • ueba
  • linkk
  • dihitt
  • linkloko
  • websapiens
  • linkto
  • Eu curti
Você também pode gostar...

Comentários

Marta
[www]

4/11/2008 17:36:00

Acho que não é uma tabela por não cruzar dados. Tabela é como um calendário, na minha opinião, tem linhas e colunas. Nesse caso, tem só colunas, então usaria lista mesmo.

Mas é de cada um, também acho que não tem certo ou errado.

[Responder este comentário]

Cuducos
[www]

5/11/2008 00:19:00

É semantica não é a+b. As vezes tem umas "pegadinhas" mesmo. Mas não acho que esse caso seja uma delas; concordo com a Marta que esse caso não é para tabela.

Tabela se usa quando se vai expor dados tabulados, dados que tem referências de organização por linhas e/ou colunas – o que não é teu caso.

Sugiro usar um header e uma lista mesmo ou, no máximo, uma lista de definição (o Bit TOS seria o a definition term, e as linhas, cada uma delas, uma definition describe).

[Responder este comentário]

Guilherme Serrano

5/11/2008 08:26:00

Bem interessante o texto do Diego Eis, eu infelizmente não tenho o costume de utilizar todas as tags "reais" quando vou fazer uma tabela.

Agora sobre a questão levantada eu usaria IMAGEM. Ok, to de sacanagem... haha. Também concordo que lista seria o mais correto (semanticamente falando) e o código ficaria levemente mais curto.

Retirando as bordas que envolvem o conteúdo, o que temos ali senão uma lista? :D

Bom post, estimulando o raciocínio... hehe

[]´s

[Responder este comentário]

Chris Benseler

5/11/2008 08:32:00

É que, na verdade, esse layout que peguei no Google Images não retrata fielmente o layout que recebi do cliente - o do cliente passava uma idéia mais contraditória entre uma lista e uma tabela.
Mas, de qualquer forma, é o que foi falado: não tem 100% certo; depende da interpretação. Uma vez que é uma linguagem, né? hehe

[Responder este comentário]
Deixe seu comentário!

Nome (requerido)

E-mail (requerido - não será divulgado)

URL

Quanto é 1 + 4?




web tracker