【HTML并不简单】笔记2-你不知道的a元素属性：target、download、ping、referrerpolicy和href

《HTML并不简单：Web前端开发精进秘籍》张鑫旭 笔记

target属性

有场景如下：

在线写作工具经常会有预览功能，点击“预览”按钮后，可以在新窗口查看预览效果，如何实现？

有方法如下：

<a href='preview.html' target='_blank'>预览<a>

这可以打开新窗口，但是若多次点击预览，就会打开多个窗口，不好。最好的效果是：最多只打开一个新窗口，第二次点击“预览”按钮的时候，自动刷新这个新窗口。

可以使用a的target属性实现。

在<a>元素中，只要target属性设为某个任意的固定值，则每次新窗口打开的时候，都只会在这个窗口创建。预览只会在唯一的窗口中不断刷新，不会出现打开多个窗口的情况。

<a href='preview.html' target='_preview'>预览<a>

作者例子：https://www.htmlapi.cn/2/1-4.html

其他支持target属性的元素也有类似的特性，例如本书后面介绍的<form>元素。

download属性

可以通过download属性下载图片，指定下载图片的名称：

<a href="xxxx" download="name.jpg">图片<a