如何链接到另一个页面上的 <div>？

Question

我想要一个特定的链接转到另一个页面上的某个标题。我知道如何在当前页面上进行操作。

原文由 online Thomas 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

看看锚标签。您可以创建一个锚点

<div id="anchor-name">Heading Text</div>

稍后参考

<a href="http://server/page.html#anchor-name">Link text</a>

原文由 kfb 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您只需将指向另一个页面的链接的想法（如 href=foo.html ）和指向同一页面上的元素的链接（如 href=#bar ）结合起来，以便片段像 #bar 紧跟在指向另一个页面的 URL 之后：

 <a href="foo.html#bar">Some nice link text</a>

指定的目标与在一个页面内链接时相同，例如

<div id="bar">
<h2>Some heading</h2>
Some content
</div>

或者（如果你真的只想专门链接到一个标题）

 <h2 id="bar">Some heading</h2>

原文由 Jukka K. Korpela 发布，翻译遵循 CC BY-SA 3.0 许可协议