Confusion between or tags. Which to use?

Question

Despite reading pages upon pages about the

and

tags I really don\'t understand how to apply them to my site.

I

Answer 1

is for an independent piece of content that should make sense even if all of it's surrounding content is stripped away.

is more of a generic container that's quite similar to div tag and mostly used for content structuring. So the right code should be like this:

   
Product title

   
   
Description
   
Price
   
Order



  
Related products
  

    
Product 1
Price
  
  

    
Product 2
Price
  
  

    
Product 3
Price
  

Also HTML 5 doctor's got a great Flowchart if you get confused picking the right HTML5 semantic element for your need. You can give it a try and see if it helps.