html - Semantic markup for product list -


I have this website which has a list of products with thumbnails, articlames etc. At first glance, it looks like your original table, but then articlenam and status pop up. It just seems to build this markup with scales ??? And rowspans.

That's why I was thinking of making a UL and DT performance in every Lee with DL: None, it sounds more semantically, but how can I format the head again?

 ########################################### ############ FOTO PRICE YEAR FUELTYPE ################################## ################################# Artiklima | Position ##### 2000 2000 Lpg ######################################### ######################## Articlename | Position ##### 2000 2000 Lpg ######################################### ######################## Articlename | Position ##### 2000 2000 Lpg ######################################### ###############   

Definitely a table I Either way, DT can not think of DL / DT / DD where DT is displayed: No one can possibly give results in marginal form.

I will try something with these lines: (Styling is not important)

   STATUS  
  • & lt; / tr & gt; & lt; tr & Gt; & lt; th id = "value" & gt; PRICE & lt; / th & gt; & lt; th id = "year" colspan = 2 & gt; YEAR & lt; / th & gt; & lt; / TR> & lt; tr & gt; & lt; td rowspan = "2" & gt; & lt; img src = "example.gif" /> & lt; / td & gt; & lt; Td colspan = "2" header = "article name" & gt; Ford & lt; / td & gt; & lt; td header = "status" & gt; own G gt; & lt; td rowspan = "2" & gt; LPG & lt; / td> & lt; / tr & gt; & lt; tr & gt; & lt; td header = "Value"> $ 2000 & lt; td colspan = "2" header = "year"> 2007 & lt; / tr & gt; ; & Lt; TR & gt; & Lt; Td rowspan = "2" & gt; & Lt; Img src = "example.gif" /> & Lt; / Td> & Lt; Td colspan = "2" header = "article name" & gt; Honda & lt; / Td> & Lt; Td header = "condition" & gt; Clean & lt; / Td> & Lt; Td rowspan = "2" & gt; LPG & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td header = "value" & gt; $ 2000 & lt; / Td> & Lt; Td colspan = "2" header = "year" & gt; 2007 & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td rowspan = "2" & gt; & Lt; Img src = "example.gif" /> & Lt; / Td> & Lt; Td colspan = "2" header = "article name" & gt; Toyota & lt; / Td> & Lt; Td header = "condition" & gt; Clean & lt; / Td> & Lt; Td rowspan = "2" & gt; LPG & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td header = "value" & gt; $ 2000 & lt; / Td> & Lt; Td colspan = "2" header = "year" & gt; 2007 & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;

  • Comments