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

Question

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

0

Поэтому я пишу руководство в html5, и он будет нуждаться в нумерации.

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

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

"Рис. 4.03. Кошка. Большинство изображений в Интернете - из кошек".

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

4.05 Простой процесс

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

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

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

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

несовершенное решение 2: использовать упорядоченные списки

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

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

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

user54636 13 дек. 2013, в 05:21

Источник

0

Просто: каков наилучший способ добиться нумерации контуров в документе HTML?
user54636 18 дек. 2013, в 04:46

Теги:

html

css

1 ответ

Ещё вопросы

Просто: каков наилучший способ добиться нумерации контуров в документе HTML?

unor · Answer 1 · 2014-12-30T02-47-00.000Z

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

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

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

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

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