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

Question

我不知道我是在问愚蠢。我有一个网页，说http://www.example.com。其中一个页面是/test.html。它有以下布局：

  

标题在这里

     

第一个子标题

     

lorem ipsum dolor坐下来，精神上的adipistur elit。 Mauris vestibulum dolor坐在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非tincidunt rutrum。在eros suscipit accumsan的Curabitur quis lacus。 Sed坐在amet laoreet metus。 Donec ligula lacus，vestibulum eu facilisis sit amet，malesuada a magna。 Nulla坐在amet malesuada augue。 Nam maximus rhoncus placerat。在eros sodales，eu luctus elit maximus中的Cras vestibulum erat。

     

第二个子标题

     

lorem ipsum dolor坐下来，精神上的adipistur elit。 Mauris vestibulum dolor坐在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非tincidunt rutrum。在eros suscipit accumsan的Curabitur quis lacus。 Sed坐在amet laoreet metus。 Donec ligula lacus，vestibulum eu facilisis sit amet，malesuada a magna。 Nulla坐在amet malesuada augue。 Nam maximus rhoncus placerat。在eros sodales，eu luctus elit maximus中的Cras vestibulum erat。

我正在寻找的是一个将用户直接指向第二个子标题的URL。像http://www.example.com/test.html#Second_sub_heading_here这样的东西。是否有可能做到这一点？我应该阅读所有关于永久链接的内容吗？

修改：我正在寻找用户端的解决方案。也就是说，用户访问该网页并且他希望永久链接以将他的朋友引导到该页面的确切部分。

Answer 1

除非页面提供链接（例如，维基百科对大多数文章都这样做：example, titled "Contents"）：

1. 用户必须检查HTML并查找id属性或具有a属性的area / name元素（必须是在应该链接的元素附近）。
2. 用户必须将此属性的值附加到当前网址，并以#为前缀（如果已存在此类fragment，则替换它）。

（可能有浏览器扩展程序可以更轻松地查找这些属性，甚至生成链接。您可以在Software Recommendations SE上提出要求。）

如果相关元素没有这样的属性，则无法链接到它，除非我们讨论用户端安装的其他软件（例如，实现XPointer的扩展），在这种情况下这些链接没有这个软件的用户将无法使用。

Answer 2

如果您希望永久链接能够链接到您网页上的多个点，请务必为每个人提供ID。

例如

{
  "fields": {
    "header": {
      "name": "header",
      "type": "text",
      "localize": false,
      "options": []
    },
    "body": {
      "name": "body",
      "type": "textarea",
      "localize": false,
      "options": []
    }
  },
  "entries": [
    {
      "header": "header test",
      "body": "body test body test body test",
      "_mby": "5a395e8430c2ddoc683600766",
      "_by": "5a395e8430c2ddoc683600766",
      "_modified": 1513709605,
      "_created": 1513709605,
      "_id": "5a3960253d578doc735798511"
    }
  ],
  "total": 1
}