title: Most semantic way to structure titles for an HTML5 quiz application
body: <p>I want to write a simple quiz using HTML5.</p>
  
  <p>So each question might have a format like the code below. The problem is I'm not sure how to semantically structure this when including the question title. I'm wondering if prior to each <code>ul</code> I should have the question as an <code>h1</code>-<code>h6</code> element or if each question should be boxed in with its own <code>section</code> element … or … if the entire quiz should have it own <code>section</code> element etc. </p>
  
  <p>I read a similar question <a href="https://stackoverflow.com/questions/2227437/what-would-be-the-best-method-to-code-heading-title-for-ul-or-ol-like-we-ha">here</a> but that question is in relation to a one-off unordered list when the quiz below is a group of unordered lists. </p>
  
  <pre><code>&lt;!-- How to add question titles semantically? --&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer1 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer2 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer3 &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer1 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer2 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer3 &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer1 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer2 &lt;/li&gt;
      &lt;li&gt;&lt;input type="radio"&gt; Answer3 &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>