Каков был бы лучший метод для кодирования заголовка/заголовка для <ул.> или <ol>, Как мы имеем <подпись> в <таблице>?

Всегда используйте теги заголовков для заголовков. Подсказка в названии:)

Если вы не хотите, чтобы они были жирными, измените их стиль с помощью CSS. Например:

HTML:

<h3 class="list-heading">heading</h3>

<ul> 
    <li>list item </li>
    <li>list item </li>
    <li>list item </li>
</ul>

CSS

.list-heading {
    font-weight: normal;
}

В HTML5 вы можете более четко связать заголовок и список с помощью элемента

<section>
    <h1>heading</h1>

    <ul>
        <li>list item </li>
        <li>list item </li>
        <li>list item </li>
    </ul>
</section>

<div class="list-with-heading">
    <h3>Heading</h3>

    <ul>
        <li>list item </li>
        <li>list item </li>
        <li>list item </li>
    </ul>
</div>

.list-with-heading h3 {
    font-weight: normal;
}

как насчет того, чтобы сделать заголовок list-element с разными стилями, такими как

<ul>
 <li class="heading">heading</li>
 <li>list item</li>
 <li>list item</li>
 <li>list item</li>
 <li>list item</li>
</ul>

и CSS

ul .heading {font-weight: normal; list-style: none;}

, дополнительно используйте CSS сброса, чтобы установить поля и отступы прямо на ul и li. вот хороший сброс CSS. после того, как вы сбросите поля и отступы, вы можете применить некоторый маржа к элементам списка, отличным от того, который имеет класс заголовка, для их отступа.

h3 абсолютно лучше, чем h2, h1 или h6!

1. Вы должны использовать определенный уровень: если Вы находитесь в h1, используйте h2, если Вы находитесь в h5, используйте h6 (если Вы находитесь в h6... гул, используйте strong или em в качестве примера). Это не обязательство, а вопрос доступности (Здесь, зеленая часть).

2. Вам не нужно давать заголовок, чтобы перечислить... потому что этого элемента не существует. Поэтому скринридер не будет использовать что-то особенное.

Поэтому использование Hn, вероятно, является одним из лучших решений, но, конечно же, не конкретным уровнем.