I'm trying to use proper markup with my code. Currently I have a list of different fruits with a header:
<h2>Fruit</h2>
<ul>
<li>Apple</li>
<li>Lemon</li>
<li>Watermelon</li>
</ul>
I was looking if there was a more appropriate way to label my lists, and I came across a label header:
<ul>
<lh>Fruit</lh>
<li>Apple</li>
<li>Lemon</li>
<li>Watermelon</li>
</ul>
Unfortunately the label header is no longer valid. Is it appropriate to use a definition list (it seems some people use it this way, but it troubles me because an "apple" is not the definition of a "fruit"), or is the way I am currently doing it the best method?
<dl>
<dt>Fruit</dt>
<dd>Apple</dd>
<dd>Lemon</dd>
<dd>Watermelon</dd>
</dl>