Многоуровневые пронумерованные заголовки в HTML5 для изложения документа

Question

Итак, я пишу инструкцию в html5, и она понадобится для нумерации.

• Заголовки должны быть пронумерованы, например, «Раздел 4: Некоторые Stuff»
• Некоторые подзаголовки потребуется быть пронумерованы, например, «4.01: первая точка вы должны знать о некоторых вещей»

Просто быть трудно, руководство будет иметь таблицы и изображения, поэтому они должны быть пронумерованы, а также, например,

«рис 4,03 кошка. Большинство изображений в Интернете, являются кошки.»

Кроме того, в руководстве имеется множество списков процессов. Было бы хорошо, если бы они были пронумерованы под подзаголовков например

4,05 Простой процесс

4.05.01 Вытяните лист из дерева
4.05.02 Ешь
4.05.03 Теперь вы гусеница
4.05.04 превращение в красивую бабочку

Я изучал различные способы подсчета моих заголовков, подзаголовков, рисунков и списков. Я нахожу ответы, а не хорошие ответы.

несовершенным решение 1: использовать счетчики CSS

Они не могут быть скопированы редактирования программ (слова и т.д.) Они также, по-видимому, не работают с экрана читателей

несовершенные решения 2 : Использовать заказываемые списки

Это не будет «неудачно изящно» afaik - если все мои заголовки являются «упорядоченным» классом упорядоченного списка, они будут выглядеть как простой список без CSS.

Неужели кто-то решил эту проблему уже? Какое решение?

Супер экстра-престиж для любого, кто может предоставить умный способ автоматического обновления моих рисунков перекрестных ссылок!

Answer 1

Используйте текст.

<h3>4.01: the first point you need to know about some stuff</h3> 

Нумерация не просто стилизации (вы можете ссылаться на эти цифры, не так ли?), Поэтому CSS решение может быть и речи.

Использование olможет работать в некоторых случаях, но она имеет много недостатков:

• Вы не хотите использовать ol для всего документа, не так ли?
• Пользовательские агенты не должны визуализировать номера вообще.
• Многие пользовательские агенты не позволят искать или копировать номера.
• Вы не можете получить точный вид схемы нумерации, которую вы хотите иметь (например, вложенный ol обычно не отображает разделитель, такой как ., но начинайте сначала с первого значения).