html5为网页创建文档纲要 Document outline

html5定义了一组规则，用于说明如何为网页创建文档纲要（document outline）。网页的纲要能够提供很多便利，浏览器可以让你从纲要中的一处跳到另一处。BT1胜于蓝|优秀个人博客

如何查看纲要BT1胜于蓝|优秀个人博客

1、在线html纲要生成器。访问http://gsnedders.html5.org/outliner/BT1胜于蓝|优秀个人博客

2、chrome扩展。 使用html5 outliner 插件，然后安装，安装成功后会在地址栏中出现一个纲要的图标，单击它就会弹出一个包含整个页面的纲要的小窗口。BT1胜于蓝|优秀个人博客

BT1胜于蓝|优秀个人博客

BT1胜于蓝|优秀个人博客

 要知道自己网页的纲要是什么样子，可以想象把页面中的所有的内容都剥离，只剩下编号的标题元素（h1-h6）中的文本。然后，根据它们在标记中的位置缩进标题，那么嵌套最深的标题在纲要中的缩进也最多。html5有一个讲究逻辑的纲要机制，让组合文档变得更容易，在这种纲要的机制下，标题的位置显得更加重要，而实际的级别则没有那么重要了。BT1胜于蓝|优秀个人博客

PS：就目前而已，纲要对于很多web开发人员来说都还不太关心。最好是把纲要机制当成是一种质量保障工具，通过纲要生成器有可能会发现其他问题导致的错误，而且能够确保你正确的使用语义元素。BT1胜于蓝|优秀个人博客

Tags：

转载：【免责声明】：转载自其他平台或媒体的文章，本站将注明来源及作者，但不对所包含内容的准确性、可靠性或网站性提供任何明示或暗示的保证，仅做参考！如有侵权，请联系本站并提供相关证明，本站将依据著作权人意见删除该文，并不承担任何责任！
如果您认为本文侵犯了您的版权信息，请与我们联系修正或删除。感谢您对胜于蓝个人博客网站平台的认可，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源胜于蓝个人博客”。/web/gj/3422.html

扫描关注胜于蓝微信|公众号，第一时间获取网站模板更新动态

本文地址：/web/gj/3422.html

很赞哦！ ()