链接到锚点

Anchor 可用于跳转到 HTML 页面上的特定标签。<a> 标记可以指向具有 id 属性的任何元素。要了解有关 ID 的更多信息,请访问有关类和 ID文档 。锚主要用于跳转到页面的子部分,并与标题标签一起使用。

假设你已经在许多主题上创建了一个页面(page1.html):

<h2>First topic</h2>
<p>Content about the first topic</p>
<h2>Second topic</h2>
<p>Content about the second topic</p>

如果你有多个部分,则可能需要在页面顶部创建一个目录,其中包含指向特定部分的快速链接(或书签)。

如果你为主题提供了 id 属性,则可以链接到它们

<h2 id="Topic1">First topic</h2>
<p>Content about the first topic</p>
<h2 id="Topic2">Second topic</h2>
<p>Content about the second topic</p>

现在你可以在目录中使用锚点:

<h1>Table of Contents</h1>
    <a href='#Topic1'>Click to jump to the First Topic</a>
    <a href='#Topic2'>Click to jump to the Second Topic</a>

这些锚也附在他们所在的网页上(page1.html)。因此,你可以通过引用页面锚名称将网站从一个页面链接到另一个页面。

 Remember, you can always <a href="page1.html#Topic1">look back in the First Topic</a> for supporting information.