锚点与下载链接
给任意元素一个 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>




