HTML5 规范定义了一种用于创建文档大纲的算法。
我正在寻找完全遵循此算法并显示轮廓的工具。能够将大纲导出为文本会很好，但这不是必需的。
该工具应至少支持以下一种方式来输入 HTML5 文档：
- 通过 HTTP URL（从 Web 获取）
- 通过直接输入（粘贴整个 HTML 文档）
使用何种工具（独立或集成到浏览器、文本编辑器……；用于桌面、移动或服务器；GUI 或基于文本）无关紧要，但请不要使用 Web 服务（无法安装在我自己的服务器）。
显示 HTML5 文档大纲的工具
软件推荐
html
2021-10-18 02:48:47
3个回答
HTML5 Outliner可用作小书签和 JavaScript 文件。（还有一个在线演示可用。）
当您单击小书签时，轮廓会覆盖在页面上（固定位置）。单击页面上的任意位置（或再次单击小书签）隐藏大纲。
执照
它是在WTFPL (Version 2)下获得许可的，所以它是自由软件（但不是开源软件）。
例子
这是 Wikipedia 文章Stack Exchange中使用的示例：
特征
单击条目将页面滚动到相应的标题/部分。
您可以将编号从单级（默认，见截图）更改为多级（1, 1.7, 1.7.1, ...）。它也可以被禁用。
您可以禁用单击页面上任意位置隐藏大纲的功能（因此您必须再次单击小书签才能隐藏它）。
您可以启用工具提示，其中包含技术细节（例如，使用了哪个分段元素和/或标题元素）。
可以轻松更改条目颜色（以及其他 CSS）。
看看 Google Chrome Extension HTML5 Outliner。此工具也可作为书签、JavaScript、Opera 扩展和实验性 Firebug 扩展：https ://code.google.com/p/h5o/ 。
W3C HTML Checker的当前后端代码具有显示大纲功能，该功能符合 HTML 规范中的大纲算法。
我已经编写了有关如何在本地轻松运行自己的检查器实例的说明。
只需两个命令，您就可以在几分钟（如果不是几秒钟）内下载并运行它：
wget https://sideshowbarker.net/releases/jar/vnu.jar
java -cp ./vnu.jar nu.validator.servlet.Main 8888
然后在浏览器中打开http://localhost:8888/，您将获得一个表单，您可以通过指定 URL 或文件上传来检查文档。
要获取文档的大纲，只需选中该表单中的大纲复选框。
其它你可能感兴趣的问题