Семантическая разметка заголовков HTML-списков

Семантическая разметка заголовков HTML-списков

Из всех вариантов разметки заголовков HTML-списков, которые я нашёл в интернете, наиболее семантически правильным Мне кажется следующий:

<dl>
	<dt>Заголовок:</dt>
		<dd>первый элемент;</dd>
		<dd>второй элемент;</dd>
		<dd>третий элемент.</dd>
</dl>

В некоторых ситуациях, в зависимости от авторской пунктуации, может пригодиться и такой:

<h2>Заголовок раздела</h2>
<section>
	<h3>Заголовок списка</h3>
	<ul>
		<li>Первый элемент.</li>
		<li>Второй элемент.</li>
		<li>Третий элемент.</li>
	</ul>
</section>

Все остальные случаи, которые, например, описаны здесь, на мой взгляд, не соответствуют понятию семантики.

Маркеры

Так как элементам <dd> не предшествует какие-либо маркеры, в отличие от <li>, то для их «воссоздания» можно воспользоваться некоторыми CSS-рецептами.

Проверено в браузерах Google Chrome, Internet Explorer, Mozilla Firefox, Opera Next, Opera Presto, Safari.

↑
↓