用 <a> 标签链接至某个资源时（比如图片、PDF、视频），默认会在网页中打开这个资源，比如：

<a href="/images/yujinxiang.png">
    <img src="/images/yujinxiang.png">
</a>

在这个例子中，我们用 <a> 标签给图片加了个超链接，链接至图片本身。

当我们点击图片时，图片会在浏览器中打开：

那么，如果我们想要点击下载这张图片，该怎么做呢？

这时我们可以在 <a> 标签中添加 download 属性。

<a href="/images/yujinxiang.png" download>
    <img src="/images/yujinxiang.png">
</a>

这时点击图片，就能实现下载：

也可以通过 download 属性将下载后的文件重命名（新文件名无需添加后缀，会自动匹配资源后缀），例如：

<a href="/images/yujinxiang.png" download="yjx">
    <img src="/images/yujinxiang.png">
</a>

这时下载的文件名称就会被重命名为 yjx.png ，如下图所示：

注意：使用 download 属性要求下载资源（即 <a> 标签链接的资源）与当前网站是同源的（即必须处在同一域名下）。