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="info_sun.html" />
<area shape="circle" coords="190,230,5" href ="/demo/planets/about_mercury.html" alt="Mercury" download="info_mercury.html" />
<area shape="circle" coords="228,230,5" href ="/demo/planets/about_venus.html" alt="Venus" download="info_venus.html" />
<area shape="circle" coords="279,230,5" href ="/demo/planets/about_earth.html" alt="Earth" download="info_earth.html" />
<area shape="circle" coords="324,230,5" href ="/demo/planets/about_mars.html" alt="Mars" download="info_mars.html" />
<area shape="circle" coords="413,231,55" href ="/demo/planets/about_jupiter.html" alt="Jupiter" download="info_jupiter.html" />
<area shape="circle" coords="569,232,45" href ="/demo/planets/about_saturn.html" alt="Saturn" download="info_saturn.html" />
<area shape="circle" coords="669,232,20" href ="/demo/planets/about_uranus.html" alt="Uranus" download="info_uranus.html" />
<area shape="circle" coords="735,232,20" href ="/demo/planets/about_neptune.html" alt="Neptune" download="info_neptune.html" />
<area shape="circle" coords="345,361,5" href ="/demo/planets/about_ceres.html" alt="Ceres" download="info_ceres.html" />
<area shape="circle" coords="786,361,5" href ="/demo/planets/about_pluto.html" alt="Pluto" download="info_pluto.html" />
<area shape="circle" coords="854,361,5" href ="/demo/planets/about_eris.html" alt="Eris" download="info_eris.html" />
</map>

<p>请注意，下载文件的文件名将保存为新的文件名，例如太阳区域将保存为“info_sun.html”，而不是“about_sun.html”。</p>

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

</body>
</html>