W3School TIY Editor

<!DOCTYPE html>
<html>
<body>

<h1>area download 属性</h1>

<p>请单击太阳或其中一颗行星即可下载其内容。</p>

<img src="/i/planets/solarsystem.png" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,114,576" href ="/demo/planets/about_sun.html" alt="Sun" download />
<area shape="circle" coords="190,230,5" href ="/demo/planets/about_mercury.html" alt="Mercury" download />
<area shape="circle" coords="228,230,5" href ="/demo/planets/about_venus.html" alt="Venus" download />
<area shape="circle" coords="279,230,5" href ="/demo/planets/about_earth.html" alt="Earth" download />
<area shape="circle" coords="324,230,5" href ="/demo/planets/about_mars.html" alt="Mars" download />
<area shape="circle" coords="413,231,55" href ="/demo/planets/about_jupiter.html" alt="Jupiter" download />
<area shape="circle" coords="569,232,45" href ="/demo/planets/about_saturn.html" alt="Saturn" download />
<area shape="circle" coords="669,232,20" href ="/demo/planets/about_uranus.html" alt="Uranus" download />
<area shape="circle" coords="735,232,20" href ="/demo/planets/about_neptune.html" alt="Neptune" download />
<area shape="circle" coords="345,361,5" href ="/demo/planets/about_ceres.html" alt="Ceres" download />
<area shape="circle" coords="786,361,5" href ="/demo/planets/about_pluto.html" alt="Pluto" download />
<area shape="circle" coords="854,361,5" href ="/demo/planets/about_eris.html" alt="Eris" download />
</map>

<p><b>注释：</b>IE、Safari 或 Opera 版本 12（及更早版本）不支持 download 属性。</p>

</body>
</html>