Search code examples
htmle-commercesemantics

html5 ecommerce product listing grid semantics


I am trying to get my head around the semantics of the new html5 elements in the scop of an ecommerce site.

I feel that on an actual product page the entire product information would be suited within the article tag.

However in the scope of a product category listing, would it be wise to wrap each product within the article tag, or what other way would be the semantic way to do this?


Solution

  • Whether or not <article> is appropriate here is a judgment call (HTML5 Doctor has a useful overview) but since you're literally talking about a list of items I think <li>s in an <ol> (or <ul> if the items are unordered) is the most obvious choice.