如何在网页的特定位置创建永久链接?

How to create permalinks on particular position for web pages?

不知道我问的是不是白痴。我有一个网页,比如 http://www.example.com。其中一页是 /test.html。它具有以下布局:

Title Here

First sub heading here

lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum dolor sit amet ultrices rhoncus. Nunc at arcu eget libero auctor sodales. Morbi tristique tincidunt consequat. Donec vitae ipsum ac ligula ornare ornare eu et mi. Morbi iaculis risus ut dolor aliquam sodales. Aliquam tempor elit non tincidunt rutrum. Curabitur quis lacus at eros suscipit accumsan. Sed sit amet laoreet metus. Donec ligula lacus, vestibulum eu facilisis sit amet, malesuada a magna. Nulla sit amet malesuada augue. Nam maximus rhoncus placerat. Cras vestibulum erat in eros sodales, eu luctus elit maximus.

Second sub heading here

lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum dolor sit amet ultrices rhoncus. Nunc at arcu eget libero auctor sodales. Morbi tristique tincidunt consequat. Donec vitae ipsum ac ligula ornare ornare eu et mi. Morbi iaculis risus ut dolor aliquam sodales. Aliquam tempor elit non tincidunt rutrum. Curabitur quis lacus at eros suscipit accumsan. Sed sit amet laoreet metus. Donec ligula lacus, vestibulum eu facilisis sit amet, malesuada a magna. Nulla sit amet malesuada augue. Nam maximus rhoncus placerat. Cras vestibulum erat in eros sodales, eu luctus elit maximus.

我正在寻找的是 URL,它将用户直接引导至第二个子标题。类似于 http://www.example.com/test.html#Second_sub_heading_here。是否有可能做到这一点?我应该阅读哪些内容才能了解永久链接?

编辑: 我正在寻找用户端的解决方案。也就是说,用户访问该网页并且他想创建一个永久链接以将他的朋友定向到该页面的确切部分。

除非该页面提供 links(例如,维基百科为大多数文章提供:example, titled "Contents"):

  1. 用户必须检查 HTML 并查找 id 属性,或具有 name 属性的 a/area 元素(它必须靠近应该 linked 到的元素)。
  2. 用户必须将此属性的值附加到当前 URL,并以 # 为前缀(如果已经存在这样的 fragment,则替换它)。

(可能有浏览器扩展可以更轻松地查找这些属性,甚至生成 link。您可以在 Software Recommendations SE 上询问它们。)

如果相关元素没有此类属性,则无法 link 访问它,除非我们谈论在用户端安装的其他软件(例如,实现 XPointer 的扩展) ),在这种情况下,如果没有此软件,这些 link 将无法用于用户。

如果您希望 permalinks 能够 link 到您页面上的多个点,最好给每个点一个 ID。

例如

    <div id="first">
      <p>
      to link to second Id <a href="#second">go to second Div</a>
      </p>
    </div>

    <div id="second">
      <p>
       You'd arrive here. To go to the first, use <a href="#first">Return to 
       the First One</a>
      </p>
    </div>