HTML-指向文档片段的超链接

指向文档片段的超链接

1. 给需要指向的文档元素加一个属性:id

<h2 id="doc">文档片段</h2>

文档片段

2. 在<a>标签的href属性中使用该id

<p>在这里链接到 <a href="test.html#doc" id="doc">文档片段</a> </p>

在这里链接到 文档片段

注：关于指向外部文档的超链接，MDN上的提示：
从上面的描述中，您可能认为始终使用绝对链接是一个好主意；毕竟，当页面像相对链接那样移动时，它们不会中断。但是，当链接到同一网站的其他位置时，你应该使用相对链接（当链接到另一个网站时，你需要使用绝对链接）：

• 首先，检查代码要容易得多——相对URL通常比绝对URL短得多，这使得阅读代码更容易。
• 其次，在可能的情况下使用相对URL更有效。当使用绝对URL时，浏览器首先通过DNS（见万维网是如何工作的）查找服务器的真实位置，然后再转到该服务器并查找所请求的文件。另一方面，相对URL，浏览器只在同一服务器上查找被请求的文件。因此，如果你使用绝对URL而不是相对URL，你就会不断地让你的浏览器做额外的工作，这意味着它的效率会降低。

经常见到的<a href="#">回到顶部</a>是有页面滚动的情况下，点击<a>直接回到顶部。

补充-均来自MDN

下载链接中使用download属性

当您链接到要下载的资源而不是在浏览器中打开时，您可以使用 download 属性来提供一个默认的保存文件名（译注：此属性仅适用于同源URL）。下面是一个下载链接到Firefox 的 Windows最新版本的示例：

<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=zh-CN"
   download="firefox-latest-64bit-installer.exe">
  下载最新的 Firefox 中文版 - Windows（64位）
</a>

电子邮件链接

当点击一个链接或按钮时，打开一个新的电子邮件发送信息而不是连接到一个资源或页面，这种情况是可能做到的。这样做是使用<a>元素和mailto：URL的方案。
其最基本和最常用的使用形式为一个mailto:link （链接），链接简单说明收件人的电子邮件地址。例如:

<a href="mailto:nowhere@mozilla.org">向 nowhere 发邮件</a>

如果不添加具体的邮件地址也是可以的，如：

<a href="mailto:">向 nowhere 发邮件</a>

向 nowhere 发邮件

发送邮件还可以有其他细节的东西，请参考：MDN电子邮件链接