Как семантически предоставить подпись, заголовок или маркировку для списка в HTML
3 ответа
Несмотря на отсутствие заголовка или элемента заголовка, эффективная структурирование разметки может иметь тот же эффект. Вот несколько предложений:
Вложенный список
<ul>
<li>
Fruit
<ul>
<li>Apple</li>
<li>Pear</li>
<li>Organge</li>
</ul>
</li>
</ul>
Заголовок перед списком
<hX>Fruit</hX>
<ul>
<li>Apple</li>
<li>Pear</li>
<li>Orange</li>
</ul>
Список определений
<dl>
<dt>Fruit</dt>
<dd>Apple</dd>
<dd>Pear</dd>
<dd>Orange</dd>
</dl>
Для списка, подобного таблице, нет тега, похожего на заголовок. Поэтому я бы просто дал ему (x в зависимости от ваших ранее использованных заголовков).
Насколько мне известно, в текущих спецификациях HTML нет положений для предоставление заголовка для списка, как в случае с таблицами. Я бы остановился на использовании либо классифицированного абзаца, либо тега заголовка.
<h3>Fruit</h3>
<ul>
<li>Apple</li>
<li>Pear</li>
<li>Orange</li>
</ul>
В будущем, когда HTML5 получит более широкое распространение, вы сможете использовать и ] теги для выполнения этого чуть более семантически.
См. этот пост в списке рассылки W3C для получения дополнительной информации.