outline怎么写,你了解多少!

HTML5 doucment outline,你了解多少

长久以来,HTML5规定并且建议开发者,当结合sectioning elements时,标题元素中的数值(1—6)就不再重要了。真正重要的是sectioning elements中的h1—h6的嵌套级,比如X<H>TML promised land,但recycled当前标题元素更好。这一概念被很多web standards afficianado所喜爱,并且被很多web standards evangelists在演讲、文章和书籍中传播。

Outline应该如何工作:使用嵌套部分和h1元素

HTML5 doucment outline,你了解多少

Document outline

:HTML5 doucment outline,你了解多少

通过浏览器和辅助技术暴露文档纲要语义:

HTML5 doucment outline,你了解多少

这个想法一直没有被指定用户代理。所以,即使经过7年甚至更长的时间,互操作性的实现几率仍然较小。

在过去几年中,HTML 5规范已经包含了对lack of implementations的警告,并建议文档纲要算法不能依赖传达标题的语义给用户,最近又向前迈出了一步。现在,HTML 5.1的规范要求开发者用h1—h6传递文本结构。这种变化的原因很简单,尽管已经努力去实现,但HTML 5文档纲要还是没有被实现,一般情况下,用户代理开发者并没有表现出热情。你可以读取

HTML 5.1规范更新的建议和要求。

PS:如果你在HTML 5.1规范发现任何BUG,可以打开issue或发送pull request。

更新21/06/16——标题级别的大纲视图

现在,你可以使用W3C HTML检查页面的heading-level outline,或W3C标记验证服务(相同的输出不同UI)。它提供了结构轮廓,因此你可以比较语义现实和理论。

HTML5 doucment outline,你了解多少

标题提纲和结构大纲显示的例子来源于Nu HTML Checker

今天就先写到这,以后直接上课程视频得了。