如何链接到页面的一部分？（哈希？

如果有任何带有（例如，>）的标签，那么您只需附加到 URL。否则，您不能任意链接到页面的某些部分。id<div id="foo"#foo

下面是一个完整的示例：<a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

在同一页面上链接内容示例：<a href="#foo">Jump to #foo on same page</a>

它称为 URI 片段。

您有两种选择：

您可以在文档中放置一个锚点，如下所示：

<a name="ref"></a>

或者，你给任何 HTML 元素一个 id：

<h1 id="ref">Heading</h1>

然后，只需将哈希附加到链接的 URL 即可跳转到所需的引用。例：#ref

<a href="document.html#ref">Jump to ref in document.html</a>

方法如下：

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

使用锚点和哈希。例如：

链接目标：

 <a name="name_of_target">Content</a>

链接到目标：

 <a href="#name_of_target">Link Text</a>

或者，如果从其他页面链接：

 <a href="http://path/to/page/#name_of_target">Link Text</a>

只需将带有元素 ID 的哈希附加到 URL 即可。例如

<div id="about"></div>

和

http://mysite.com/#about

因此，链接将如下所示：

<a href="http://mysite.com/#about">About</a>

或者只是

<a href="#about">About</a>

2020 年 3 月 12 日，WICG 为文本片段添加了草稿，现在您可以通过将以下内容添加到哈希中来链接到页面上的文本，就像在搜索它一样

#:~:text=<Text To Link to>

工作实例：Chrome Version 81.0.4044.138

点击此链接应重新加载页面并突出显示链接的文本

前提是任何元素在网页上都具有 id 属性。 可以简单地链接/跳转到标签引用的元素。

在同一页中：

<div id="markOne"> ..... </div> 
   ......
<a href="#markOne">Jump to markOne</a> 

其他页面：

<div id="http://randomwebsite.com/mypage.html#markOne"> 
  Jumps to the markOne element in the mypage of the linked website
</div>

目标不一定具有定位元素。

你可以去看看这个小提琴。

此外，您可以在 Frame 或 iframe src 属性中使用它。

所以

<iframe src="page.html#content">

如果该 ID 在文档中退出，则会将页面带到该点。