How to semantically add heading to a list

Question

This has been bothering me for a while, and I\'m wondering if there\'s any consensus on how to do this properly. When I\'m using an HTML list, how do I semantically include

Answer 1

You could also use the

element to link a heading to your list like this:

    
My favorite fruits
    
       

          
Banana
          
Orange
          
Chocolate
       

Source: https://www.w3.org/TR/2017/WD-html53-20171214/single-page.html#the-li-element (Example 162)