HTML：如何使用页面中文本的内部链接？答案

【问题标题】：HTML: How to use internal links to text in a page?HTML：如何使用页面中文本的内部链接？
【发布时间】：2021-04-23 07:59:36
【问题描述】：

添加文本链接非常简单：<a href=www.link.com> Text </a>，将链接设为图片也是如此，但我想知道该怎么做，我还没有通过大量谷歌搜索找到答案，是如何我会在顶部有一个目录，其中每个项目都是一个可点击的链接，可以将您带到页面的下方。同一页面上的文本如何使用内部链接？

【问题讨论】：

标签： html internal-link

【解决方案1】：

我相信，如果您创建 <div id="section1">Text </div> 并将 #section1 放入 URL 中，浏览器会将页面设置为该部分。

您可以在这里阅读更多内容https://en.wikipedia.org/wiki/URI_fragment

【讨论】：

【解决方案2】：

这很简单。您只需为要链接到的任何元素添加一个 id。例如，<h1 id="Hello"></h1>。然后将您的href 设置为#，然后将ID 设置为<a href="#Hello">Go to Hello</a>。

【讨论】：

我给了这个最佳答案投票，因为它最简洁地回答了我的问题。对于更深入的学习者，请查看更大的答案。我感谢任何能找到最少的写作来回答编程问题的人，这个线程中的所有答案都是正确的。想法：HTML 中的垃圾邮件太多了。

【解决方案3】：

您可以为文本元素指定 id，然后在目录中的链接的 href 属性中通过在 id 前加上井号前缀来链接到这些 id。示例：

#tableofcontents {
  background-color: #ccc;
}

<div id="tableofcontents">
  <ul>
    <li>
      <a href="#ref1">Reference 1</a>
    </li>
    <li>
      <a href="#ref2">Reference 2</a>
    </li>
    <li>
      <a href="https://en.wikipedia.org/wiki/URI_fragment#Examples">You can even point the link to a specific element on another website</a>
    </li>
  </ul>
</div>
<p id="ref1">A paragraph with much text inside. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy.</p>
<p id="ref2">The second paragraph; it still has much content, but less than the previous one. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam
  spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy. SPAM Spam spam spammy.</p>

【讨论】：