链接到锚点
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.