title: HTML5 resume semantics
body: <p>I am working on my resume and want to use HTML5 semantics. 
  What is the best semantic way to list my work experience? The information for each work experience contains the date, the company, the job title and a description.</p>
  
  <p>I have two options in mind:</p>
  
  <pre><code>&lt;h2&gt;Experience&lt;/h2&gt;
  &lt;ul&gt;
    &lt;dl&gt;
      &lt;dt&gt;&lt;h3&gt;JobTitle&lt;/h3&gt; &lt;span&gt;Company + timeperiod&lt;/span&gt;&lt;/dt&gt;
      &lt;dd&gt;description&lt;/dd&gt;
     &lt;/dl&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Or is it semantically more correct to consider each experience as an article as follows?</p>
  
  <pre><code>&lt;h2&gt;Experience&lt;/h2&gt;
    &lt;article&gt;
      &lt;h3&gt;Jobtitle&lt;/h3&gt; 
      &lt;p&gt;description&lt;/p&gt;
      &lt;footer&gt;Company + timeperiod&lt;/footer&gt;
    &lt;/article&gt;
  </code></pre>
  
  <p>I would love to hear your thoughts on this one!</p>