标签:<a>

使用

  • 常规链接:<a href="https://www.mozilla.org/zh-CN/">Mozilla 主页</a>
  • 块级链接:<a href="..."> <h1>块级链接</h1> </a>
  • 图片链接:<a href="..."> <img src="..." /> </a>

title

为链接增加悬浮提示文本:<a href="https://www.mozilla.org/zh-CN/" title="一个很不错的网站">Mozilla 主页</a>

href

  • 链接到标题:<a href="#title">点击跳转到 id 为 title 的标签</a>
  • 电子邮件:<a href="mailto:[email protected]">向 nowhere 发邮件</a>

NOTE

href 设置为 #javascript:void(0) 可以防止页面刷新

download

使浏览器将链接的 URL 视为下载资源

<a
  href="..."
  download="filename.ext">
  下载
</a>

如果没有指定值,浏览器会从多个来源决定文件名和扩展名:

  • Content-Disposition HTTP 标头
  • URL 路径的最后一段
  • 媒体类型。来自 Content-Type 标头,data: URL 的开头,或 blob: URL 的 Blob.type

Warning

download 只在同源 URL 或 blob:data: 协议起作用