我正在寻找完全遵循该算法并显示大纲的工具。能够将轮廓导出为文本会很好，但是不是必需的。
该工具应至少支持以下输入HTML5文档的方式之一：
通过HTTP URL（从Web上获取）
通过直接输入（粘贴整个HTML文档）
无论哪种工具（独立或集成）都没有关系进入浏览器，文本编辑器…；用于台式机，移动设备或服务器；基于GUI或基于文本），但请不要使用任何Web服务（无法在我自己的服务器上安装）。
#1 楼
HTML5 Outliner可以作为书签和JavaScript文件使用。 （还有一个在线演示。）单击书签时，轮廓会覆盖在页面上（固定放置）。单击页面上的任意位置（或再次单击小书签）将隐藏大纲。
许可证
它是根据WTFPL（版本2）获得许可的，因此它是自由软件（但不是开源软件）。
示例
以下是Wikipedia文章Stack Exchange上使用的示例：
功能
单击条目可将页面滚动到相应的标题/部分。
您可以将编号从单级（默认，请参见屏幕截图）更改为多级。级别（
1，1.7，1.7.1…）。也可以禁用它。您可以禁用单击页面上任何地方以隐藏大纲的功能（因此您必须再次单击书签才能将其隐藏）。
您可以启用包含技术细节的工具提示（例如，使用哪个sectioning元素和/或heading元素）。
输入颜色（以及其他CSS）可以轻松更改。
#2 楼
看看Google Chrome扩展程序HTML5 Outliner。此工具还可以作为书签，JavaScript，Opera扩展和实验性Firebug扩展使用：https：//code.google.com/p/h5o/。
#3 楼
W3C HTML Checker的当前后端代码具有“显示大纲”功能，该功能符合HTML规范中的大纲算法。我已经编写了有关如何轻松运行自己的Checker实例的说明。
只需两个命令，您就可以下载它并在几分钟（如果不是几秒钟）内运行：
wget https://sideshowbarker.net/releases/jar/vnu.jar
java -cp ./vnu.jar nu.validator.servlet.Main 8888
然后打开http： // localhost：8888 /在浏览器中，您将拥有一个表格，可用于通过指定其URL或通过文件上传来检查文档。
要获取文档的大纲，只需检查该表单中的大纲复选框。
评论
似乎该工具也可以作为书签，JavaScript，Opera扩展和实验性Firebug扩展来使用：code.google.com/p/h5o-尽管最新版本似乎是2010年发布的；但是那时我不知道大纲算法是否已更改。
–未成年
2014年2月8日在12:48
@braveterry您是否可以将unors评论中的信息添加到答案中，以便更好地显示（并非所有用户都阅读评论）
–安吉洛·福克斯（Angelo Fuchs）
2014年2月9日在17:16
我刚刚测试了它（Chromium扩展名和小书签）。在大多数情况下，它看起来效果很好，但是并不能正确地100％遵循算法。示例：（1）具有hidden属性的元素不应构成轮廓，但在h5o中它们会起作用。 （2）dialog元素是一个截面根，但是h5o不能这样处理。
–未成年
2014年2月10日下午6:27
只是名称，链接和屏幕截图并不能很好地回答问题。请在此网站上查看有关什么是高质量答案的元文章。
– Izzy♦
2014年2月20日在17:22
尽管从理论上讲这可以回答问题，但最好在此处包括答案的基本部分，并提供链接以供参考。
– danijelc
2014年2月20日在17:29