html - 如何创建指向网页子部分的深层链接？

Question

有谁知道我如何创建指向单个网页子部分的深层链接？

Wiki 似乎已破解，但我似乎无法在网络上的任何地方找到答案。

PS：保持简单！

Answer 1

仅当目标包含构成“目标锚”的标记时，才能链接到页面上的特定位置或元素，您可以在#链接中的片段标识符（以 开头）中使用该标记。以下创建此类锚点：

• 一个id属性（在任何元素上）
• 元素上的name属性a

前者是现代的、更可取的方式，让您可以引用一个元素，而不仅仅是一个位置（点）或一个内联元素。例如，如果目标页面http://www.example.com/stuff.html包含

<div class="section" id="sec7">
<h2>Foo bar</h2>
<p>Some text.</p>
Any other content
</div>

那么你可以使用像这样的链接

<a href="http://www.example.com/stuff.html#sec7">Foo bar</a>

Answer 2

假设您想以一个目录开始一个文档，该目录将人们链接到文档中稍后出现的文本。您的索引将包括以下内容：

<a href="#pt1">Part I</a> <a href="#pt2">Part II</a>

在文档的后面部分，您将包含以下标签：

<a name=pt1></a> and <a name=pt2></a>

参考：链接和锚点

编辑：

无论您想在哪里插入链接，请写下：

<a href="http://yourpage.com#pt1">Part I</a> 

此处http://yourpage.com将替换为您页面的实际网址。现在在您的页面代码中，在您希望链接指向的位置插入一个标签。

<a name=pt1></a>