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

所以我正在用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的普通列表

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

超级额外的荣誉为任何人谁可以提供一个智能的方式自动更新我的数字交叉参考

使用文本

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

4.01：第一点你需要了解一些东西

编号不仅仅是样式（你可能想引用这些数字，对吧？），所以CSS解决方案是不可能的

使用

ol

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

• 您不想对整个文档使用

  ol

  ，是吗
• 用户代理根本不需要呈现任何数字
• 许多用户代理不允许搜索或复制号码
• 您无法获得想要的确切类型的编号方案（例如，嵌套的

  ol

  通常不呈现类似
  的分隔符，而是从第一个值开始）

---

简单：在HTML文档中实现大纲编号的最佳方法是什么？