【问题标题】:How to create permalinks on particular position for web pages?如何在网页的特定位置创建永久链接?
【发布时间】:2015-06-07 04:45:58
【问题描述】:

我不知道我是否在问完全愚蠢的问题。我有一个网页,比如http://www.example.com。它的一页是/test.html。它具有以下布局:

标题在这里

这里是第一个子标题

lorem ipsum dolor sit amet,consectetur adipiscing elit。 Mauris vestibulum dolor 坐在 amet ultrices rhoncus。在 arcu eget libero auctor sodales 工作。 Morbi tristique tincidunt 后果。 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 在 eros suscipit accumsan。 Sed 坐在 amet laoreet metus。 Donec ligula lacus,前庭 eu facilisis 坐 amet,malesuada a magna。 Nulla 坐在amet malesuada augue。 Nam maximus rhoncus placerat。 Cras vestibulum erat in eros sodales, eu luctus elit maximus。

这里是第二个子标题

lorem ipsum dolor sit amet,consectetur adipiscing elit。 Mauris vestibulum dolor 坐在 amet ultrices rhoncus。在 arcu eget libero auctor sodales 工作。 Morbi tristique tincidunt 后果。 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 在 eros suscipit accumsan。 Sed 坐在 amet laoreet metus。 Donec ligula lacus,前庭 eu facilisis 坐 amet,malesuada a magna。 Nulla 坐在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 这样的东西。是否有可能做到这一点?关于永久链接,我应该阅读哪些内容?

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

【问题讨论】:

  • 答案是针对开发者的。我需要从不了解 html 的用户端做到这一点。我将编辑问题以便更好地理解。
  • 您不能链接到网站上的任意位置,除非它们在该确切元素上设置了 id。
  • 您的意思是像 SO 上的“分享指向此答案的链接”功能?
  • @j08691 是的。但unor回答了我的问题。谢谢:)

标签: html url permalinks


【解决方案1】:

如果您希望永久链接能够链接到页面上的多个点,最好给每个点一个 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>

【讨论】:

    【解决方案2】:

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

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

    (可能有浏览器扩展程序可以更轻松地查找这些属性,甚至生成链接。您可以在Software Recommendations SE 上索取它们。)

    如果所讨论的元素没有此类属性,则无法链接到它,除非我们谈论安装在用户端的附加软件(例如,实现XPointer 的扩展),在这种情况下,这些链接不会为没有此软件的用户工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-06
      • 1970-01-01
      相关资源
      最近更新 更多