HTML 词条目录
前端Wiki/HTML/基础/文本与链接

锚点与下载链接

给任意元素一个 id,再把 href 写成 #id,点击链接就会滚动到该元素位置,这就是页内锚点。长文章的目录、文档站的"回到顶部"都靠它实现。想让滚动平滑一些,加一行 CSS:html { scroll-behavior: smooth; }。

除了网页,href 还能指向其他协议:mailto:someone@example.com 唤起邮件客户端,tel:10086 在手机上唤起拨号。指向文件时,加 download 属性可以让浏览器下载而不是打开,还能用 download="新名字.pdf" 指定保存的文件名。

本节要点锚点 = href="#id" + 目标元素 id;下载用 download 属性;mailto 和 tel 分别对应邮件与电话。
HTML
<!-- 目录:点击后跳到页面内对应位置 -->
<nav>
  <a href="#intro">简介</a>
  <a href="#install">安装</a>
</nav>

<h2 id="intro">简介</h2>          <!-- 锚点目标 -->
<p>……</p>
<h2 id="install">安装</h2>
<p>……</p>

<!-- 下载链接:download 属性让浏览器下载文件而非打开 -->
<a href="files/resume.pdf" download>下载简历</a>
<a href="files/report.pdf" download="2026年报.pdf">下载(重命名保存)</a>

<a href="mailto:hi@example.com">发邮件</a>
<a href="tel:10086">打电话</a>