HTML5中的多级编号标题，用于概述文档

Question

所以我在html5中编写了一本手册，它需要编号。

• 标题需要编号，例如“第4节：一些东西”
• 某些小标题需要编号，例如“4.01：第一点 你需要了解一些东西“

只是很难，手册会有表格和图像，所以它们需要编号，例如

“图4.03一只猫。互联网上的大多数图像都是猫。”

此外，手册中还有许多流程列表。如果这些在子标题下编号，那就太好了，例如

4.05一个简单的过程

4.05.01从树上拉一片叶子 4.05.02吃它
4.05.03现在你是毛毛虫 4.05.04变成一只美丽的蝴蝶

我一直在研究编号标题，副标题，数字和列表的不同方法。我找到了答案，而不是很好的答案。

不完美解决方案1：使用CSS计数器

这些无法复制到编辑程序（word等） 它们显然也不适用于屏幕阅读器

不完美的解决方案2：使用有序列表

如果我的所有标题都是有序列表的“标题”类，那么它们就不会“优雅地失败”。它们看起来就像没有CSS的普通列表。

有人已经解决了这个问题吗？解决方案是什么？

对于能够提供智能方式自动更新我的数字交叉引用的任何人来说，超级额外的荣誉！

Answer 1

使用文字。

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

编号不只是样式（您可能想要引用这些数字，对吗？），因此CSS解决方案是不可能的。

在某些情况下使用ol 可以工作，但它有许多缺点：

• 您不想在整个文档中使用ol，是吗？
• 用户代理根本不需要呈现任何数字。
• 许多用户代理不允许搜索或复制这些号码。
• 您无法获得想要的精确编号方案（例如，嵌套ol通常不会像.那样呈现分隔符，而是以第一个值重新开始。“ / LI>