HTML map示例

<img src="/fs/uploads/tutorial/2025/12/6eeabe526f060fa70458ef5166ef2462.jpg" usemap="#image-map" width="800" height="600" alt="我的电脑桌" />

<map name="image-map">
  <area target="" alt="显示器" title="显示器" coords="183,269,639,257,654,1,157,0" shape="poly" onclick="myFunction('显示器'); return false;">
  <area target="" alt="键盘" title="键盘" coords="61,469,1,596,560,560,511,436" shape="poly" onclick="myFunction('键盘'); return false;">
  <area target="" alt="鼠标" title="鼠标"
    coords="603,469,615,486,615,504,605,516,610,532,620,547,633,553,668,559,692,558,717,555,721,546,702,496,675,476,642,465"
    shape="poly" onclick="myFunction('鼠标'); return false;">
  <area target="" alt="手机" title="手机" coords="684,449,773,471,783,466,791,304,743,295,704,291" shape="poly" onclick="myFunction('手机'); return false;">
</map>