因此,我正在用html5编写手册,并且需要编号。


标题将需要编号,例如“第4节:一些东西”
一些子标题将需要编号,例如“ 4.01:第一点
您需要了解一些东西”


只是很难,手册中会有表格和图像,因此它们需要编号,例如

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

此外,手册中还有很多过程列表。如果这些在副标题下编号,例如

4.05一个简单的过程

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

我一直在研究为标题,子标题,图形和列表编号的不同方法。我在寻找答案,只是不好的答案。

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

这些不能复制到编辑程序(单词等)
他们显然也不适用于屏幕阅读器

不完善的解决方案2:使用有序列表

这些不会“优雅地失败” afaik-如果我所有的标题都是有序列表的“ heading”类,则它们看起来就像是没有CSS的普通列表。

有人解决了这个问题吗?有什么解决办法?

任何人都可以使用超级额外的荣誉,只要他们能够提供一种自动更新我的图形交叉引用的聪明方法!

最佳答案

使用文字。

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


编号不只是样式(您可能要引用这些编号,对吗?),因此CSS解决方案毫无疑问。

在某些情况下,使用ol可以工作,但是有很多缺点:


您不想在整个文档中使用ol吗?
用户代理完全不需要提供任何数字。
许多用户代理将不允许搜索或复制号码。
您无法获得想要的确切编号方案(例如,嵌套的ol通常不呈现.这样的分隔符,而是从第一个值重新开始)。

关于html - HTML5中的多级编号标题,用于概述文档,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20558795/

10-13 08:46