Always use heading tags for headings. The clue is in the name :)
If you don’t want them to be bold, change their style with CSS. For example:
HTML:
heading
- list item
- list item
- list item
CSS
.list-heading {
font-weight: normal;
}
In HTML5, you can associate the heading and the list more clearly by using the
element. (
doesn’t work properly in IE 8 and earlier without some JavaScript though.)
heading
- list item
- list item
- list item
You could do something similar in HTML 4:
Heading
- list item
- list item
- list item
Then style thus:
.list-with-heading h3 {
font-weight: normal;
}