HTML | 下载属性

在HTML中，我们可以使用<area>属性来定义图片映射（image maps）。这个元素通常与<img>元素一起使用，为图片划分出不同区域，并将不同区域链接到不同的URL地址。

<area>元素可以有以下属性：

• alt： 替代文本，当图像无法显示时，替代文本将显示在代替的空间。
• coords: 定义区域的坐标。一些属性值为x1，y1，x2，y2，其中(x1，y1)是左上角，(x2，y2)是右下角的对角点。
• download: 如果链接指向文件，则该属性指示浏览器下载该资源而不是导航到它。
• href： 定义当用户单击区域时要连接的URL。
• shape：定义<area>元素的形状。这可以是矩形、圆形或多边形。

下面是一个使用<area>元素创建图片映射的示例：

<img src="image.jpg" alt="Image">
<map name="myMap">
  <area shape="rect" coords="0,0,50,50" href="link1.html" download>
  <area shape="circle" coords="100,100,50" href="link2.html">
  <area shape="poly" coords="200,200,250,250,200,300" href="link3.html">
</map>

上面的代码创建了一个图片映射，使用<area>元素定义了三个区域，并将它们连接到不同的URL。其中第一个区域使用了download属性，这表示当用户单击该区域时，会下载链接的资源。

总结： <area>元素与<img>元素联用，可创建图片映射。<area>元素可以指定不同的href，并利用download属性将链接资源下载至本地。