什么是好HTML5大纲？

Question

我一直在阅读Dive Into HTML5，Mark提到：

  

“您可以在中测试自己的页面   HTML5 Outliner以确保您的身份   正确使用标题元素。“

我已经尝试了这个HTML5 Outliner，我知道它可以通过概述我在互联网上找到的其他HTML5页面来实现。

它的问题在于它不适用于所有页面（主要是我为Wordpress主题编写的页面），并且错误消息含糊不清;它们似乎引用了问题中的问题元素（例如<section>），但是没有做太多指定它在页面上讨论的元素;即指定行号，如validator那样。

我发现其他一些programs能够读取html5大纲，但我担心they可能是早期的实现，可能是当前HTML5规范的过时。< / p>

所以我想知道是否还有其他程序，网站等，有更简洁的错误消息，我可以测试我的页面，以确保我（HTML5中的初学者）正在创建一个可以通过工具正确读取的文档大纲能够阅读HTML5文档大纲。

Answer 1

https://validator.w3.org/nu/的当前W3C HTML Checker可以选择生成大纲：

与此处其他答案中引用的工具一样，它遵循the outline algorithm in the HTML spec。

Answer 2

这里有一个扩展/ bookmarklet HTML5大纲： http://code.google.com/p/h5o/

和Opera的端口： https://addons.opera.com/addons/extensions/details/html5-outliner/

Answer 3

如果您使用Chrome，现在也可以使用HTML5 Outliner extension。