title: How to semantically provide a caption, title or label for a list in HTML
body: <p>What is the proper way to provide a <strong>semantic</strong> caption for an HTML list? For example, the following list has a "title"/"caption".</p>
  
  <p><strong>Fruit</strong></p>
  
  <ul>
  <li>Apple </li>
  <li>Pear</li>
  <li>Orange</li>
  </ul>
  
  <p>How should the word "fruit" be handled, in a such way that it is semantically associated with the list itself?</p>