在 HTML 中制作索引（目录）的正确方法是什么

Question

您可以使用<h1> 到<h6> 来组织您的文本。但是：

为文本制作单独的索引（目录）的正确/最佳方法是什么？ （与正文在同一页上）

通常，我会创建一个<ul><li>...</li></ul> 列表，列出每个<h1> ... <h6> 中的每个标题，但这可能不是一个好的解决方案，对吧？我特别是在谈论外部阅读器（例如，对于盲人，或者可能是其他程序），甚至是阅读 HTML 的搜索引擎 - 他们基本上会看到每个标题两次......

我只是想知道，是否有预定义/最佳实践方式来做到这一点。

Answer 1

目录和索引是两个不同的东西。您可能是指前者。

只要您使用带有描述性链接文本的普通链接（通常与标题相呼应），您使用哪种标记并不重要。您通常不想要任何浏览器生成的项目符号或数字，但最简单的选择是使用 ul 和 list-style-type: none，对不同级别的标题使用嵌套的 ul 元素。

当然，目录意味着重复，辅助软件可能能够从标题元素构建目录。尽管如此，对于大多数目的，一开始的明确目录对于任何较长的页面来说都是良好的可用性和可访问性。它让读者（有视力或盲人）先浏览标题，然后选择某处跳转或按顺序阅读。