该文档没有标题。约翰逊有些不情愿地决定在 h1 中突出显示网站的标题,并使用另一个 h1 突出显示文章的标题。这是一个明智的决定,并且得到了 对 WebAIM 屏幕阅读器用户的调查结果的支持,两个顶级标题。
同样的方法广泛用于使用 HTML5 结构元素构建的静态页面,对于屏幕阅读器用户非常有用。想象一下,使用屏幕阅读器找到一个像样的鸡肉馅饼食谱,并打开几个食谱网站进行比较。能够使用标题快捷键快速确定您正在访问哪个网站,这比在每个网站上只看到“鸡肉派”要有用得多。
在屏幕阅读器用户调查中,与两个顶级标题相距不远的是该文档的一个顶级标题。在大多数情况下,这可能是首选选项;但正如我们已经看到的,它创建了一个没有标题的正文,这是不可取的。
在我看来,有一个简单的方法可以解决这个问题:不要使用文章作为单个博客文章、新闻或静态页面主要内容的包装。请记住,文章是一个内容部分:它创建文档的一个小节。但在这些情况下,文档就是内容,内容就是文档。除了元素标题之外,为什么我们要在文档开始之前创建一个文档小节?
请记住, 您仍然可以使用 div!这是需要注意的事 葡萄牙电子邮件列表 项列表中的最后一项,而且很容易理解。 hgroup 元素只能包含标题(h1 到 h6),其目的是从大纲中删除除最高级别标题之外的所有标题。
它一直是并且仍然是争议的主题,并且它绝不是必然包含在规范中的。然而,就目前而言,它的作用正如其所言:就结构化算法而言,它将标头分组为一个。
综上所述
文档构建背后的逻辑可能很难理解,规范有时就像物理学:当你阅读它时它是有意义的,但是当你试图确认你的理解时,它就消失了,你发现自己一遍又一遍地阅读它再次。
但是,如果您记住了基础知识 - 该部分、文章、旁白和导航在网页上创建子部分 - 那么您已经 90% 走在正确的轨道上了。习惯于使用分段元素标记内容并在大纲中检查页面,因为您练习创建格式良好的文档的次数越多,您理解算法的速度就越快。
我保证,经过几次尝试,您就会掌握窍门,并且永远不会回头。从现在开始,您创建的每个网页都将是结构化的、语义的、可靠的、编写良好的内容。
其中大多数受访者赞成采用这种格式的
-
- Posts: 207
- Joined: Tue Jan 07, 2025 4:37 am