Question

这更像是一种最佳实践/易于维护的问题。

我有几个网页，我想让浏览变得更容易。所以，要做到这一点，我将使用片段标识符（内部链接）。以下是我的一些HTML示例：

<article>
     <h1>Name of WebPage</h1>
          <h2>Section One</h2>
               Here is the content of my Section one.

          <h2>Section Two</h2>
               Here is the content of my Section two.

          <h2>Section Three</h2>
               Here is the content of my Section three.

          ....(may have additional h2 sections)
</article>

如果有数十个h2标签，这些网页很难导航。我希望使用一个侧边菜单栏，利用片段标识符链接到“第一部分”，“第二部分”，“第三部分”等。

现在，我需要将此html代码转换为使用片段标识符，但在我更改此代码之前，我想对如何执行此操作有一些额外的想法。

我有几个选择：

1）手动更改

<h2> NameOfH2 </h2>

到

<h2 id='NameOfH2'> NameOfH2 </h2>

然后，手动添加侧边菜单中的片段标识符链接。

2）手动更改

<h2> NameOfH2 </h2>

到

<h2 id='NameOfH2'> NameOfH2 </h2>

然后，每次页面加载时，使用Javascript构建侧面菜单栏的片段标识符链接。

我想使用方法2，因此当我向页面添加更多内容时，它会自动显示在侧边菜单栏中，但我想知道是否有任何原因我不应该这样做。< / p>

另外，我有大量的标签要编辑，并且想知道你们是否对如何将id添加到html有任何想法。现在，我正在考虑编写一个程序来浏览每个页面并编辑每个标签，但我想知道是否已存在解决方案。

提前感谢您的帮助！

Answer 1

如果您不介意内部链接仅在启用JavaScript时起作用，您可以使用JavaScript生成TOC和片段标识符。

PPK有一个脚本可以做到：http://www.quirksmode.org/dom/toc.html

如果你需要它来关闭JS，你可以生成TOC和ID服务器端。

如何在我的网页中构建片段标识符

1 个答案: