因此,我正在用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/