TABELA OU DIV para Detalhes de Produtos em Ecommerce?

[Fredericomf 0]

Estou desenvolvendo um e-commerce e estou com dúvida como criar a página de Detalhes do Produto, pois não sei qual das duas opções é semânticamente correta.

 

 

A primeira opção que ví em muitos sites é a utilização de TABELAS para exibir os Detalhes de um Produto.

 

Os sites abaixo utilizam tabelas:

 

PERNAMBUCANAS - www.pernambucanas.com.br

Exemplo:

http://www.pernambucanas.com.br/aspx/Catal...p;Produto=45120

 

SHOPTIME - www.shoptime.com.br

Exemplo:

http://www.shoptime.com.br/apollo/vitrineM...;codProd=176326

 

FASTSHOP - www.fastshop.com.br

Exemplo:

http://www.fastshop.com.br/product.aspx?sr...uct_id=SODSCW90

 

LIVRARIA SARAIVA - www.livrariasaraiva.com.br

Exemplo:

http://www.livrariasaraiva.com.br/produto/...amp;PAC_ID=7002

 

MARISA - www.marisa.com.br

Exemplo:

http://www.marisa.com.br/scripts/produto.a...=1&Id=27963

 

SAPATINHO - www.sapatinho.com.br

Exemplo:

http://www.sapatino.com.br/sapatino/produc...amp;pid=5046528

 

COLOMBO - www.colombo.com.br

Exemplo:

http://www.colombo.com.br/produtoDetalhe.d...Kg_CWL75_Consul

 

MANIA VIRTUAL - www.maniavirtual.com.br

Exemplo:

http://www.maniavirtual.com.br/ProdutoDeta...2BYQ8_1WM0ZZXU6

 

KALUNGA - www.kalunga.com.br

Exemplo:

http://www.kalunga.com.br/product.asp?cate...uct%5Fid=798528

 

COMPRA FACIL - www.comprafacil.com.br

Exemplo:

http://www.comprafacil.com.br/product.asp?...NN383P025SPCP6A

 

SUBMARINO - www.submarino.com.br

Exemplo:

http://www.submarino.com.br/sport_productd...;ProdId=1961090

 

APPLE - www.applestore.com

Exemplo:

http://store.apple.com/1-800-MY-APPLE/WebO...mily/ipod_touch

 

PONTO FRIO - www.pontofrio.com.br

Exemplo:

http://www.pontofrio.com.br/cgi-bin/loja.pl

 

EBAY - www.ebay.com

Exemplo:

http://cgi.ebay.com/William-Rast-Jeans-Ski...1QQcmdZViewItem

 

MERCADO LIVRE - www.mercadolivre.com.br

Exemplo:

http://cgi.ebay.com/William-Rast-Jeans-Ski...1QQcmdZViewItem

 

 

 

 

A Segunda opção é a utilização de TABLELESS para exibir os detalhes de um produto.

 

Os sites abaixo utilizam tableless:

 

FNAC - www.fnac.com.br

Exemplo:

http://www.fnac.com.br/product.aspx?idProd...mp;src=homesite

 

EXTRA - www.extra.com.br

Exemplo:

http://www.extra.com.br/DetalheProduto.asp...tInformaticaGPS

 

CASA E VIDEO - www.casaevideo.com.br

Exemplo:

http://www.casaevideo.com.br/casaevideo.po...egocio_paginado

 

MAGAZINE LUIZA - www.magazineluiza.com.br

Exemplo:

http://www.magazineluiza.com.br/produto/in...&Setor=FIEL

 

AMERICANAS - www.americanas.com.br

Exemplo:

http://www.americanas.com.br/AcomProd/575/...home_diadEletro

 

 

 

 

Como podemos notar existem mais sites que utilizam TABELAS para exibir os detalhes de seus produtos do que em TABLELESS.

 

Pergunta: Qual a forma correta de montar a exibição do detalhe dos produtos, TABLE ou TABLELESS e por que?

 

 

http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

[Paulo de Tarso F. M. 24]

Veja bem: se os detalhes dos produtos podem ser dispostos em linhas e colunas, então devemos utilizar a tag <table>.

 

Mas como assim?

 

Se você tem assim:

 

Cód.   Produto   Preço
====================
001  | Item 1   | R$ 11,11
002  | Item 2   | R$ 22,22
003  | Item 3   | R$ 33,33

Isso é uma tabela! Não há motivos para não usar as tags de tabela do HTML... O que não podemos fazer é usar as tags de tabela para estruturar uma página, isso não. Agora, se você possui dados tabulares (como este exemplo), por que não colocá-los em uma... tabela?

[programador php 0]

minha opinião

 

qual será a forma de exibição

 

será como o Paulo de Tarso disse? ou será em listas?

 

se for em linhas e colunas a melhor forma é a tabela mas se for uma lista de dados o proprio nome já diz!!!

 

utiliza listas!!

 

 

abraço

[Fredericomf 0]

minha opinião

 

qual será a forma de exibição

 

será como o Paulo de Tarso disse? ou será em listas?

 

se for em linhas e colunas a melhor forma é a tabela mas se for uma lista de dados o proprio nome já diz!!!

 

utiliza listas!!

 

 

abraço

Basicamente vai ser parecido com as Americanas e Colombo.

 

Com imagem, opções de pagamento, adicionar ao carrinho, detalhes técnicos, etc...

[Guilherme Rambo 4]

Então não é com tabela.

 

Uma dica é não seguir o "exemplo" dos outros sites, faça o que você acha certo.

 

[]'s

[inforsis 1]

Com imagem, opções de pagamento, adicionar ao carrinho, detalhes técnicos, etc...

Tente fazer sem usar tabelas... Você consegui estruturar esses componentes com as outras tags do html sem fazer o uso da tag <table>.

 

Surgindo as dificuldades, faça buscas aqui no forum, abra tópicos, que o pessoal irá te ajudar. ;)

[Fredericomf 0]

Então não é com tabela.

 

Uma dica é não seguir o "exemplo" dos outros sites, faça o que você acha certo.

 

[]'s

Vou utilizar Tableless, discuti com o analista e chegamos à conclusão de utilizar Tableless mesmo.

 

As tabelas serão utilizadas somente quando realmente houver dados tabulares, como opções de parcelamento.

 

Agradeço pela resposta!