HTML <img> usemap 屬性
示例
一個影像地圖,帶有可點選的區域
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
自己動手試一試 »
定義和用法
usemap
屬性將影像指定為客戶端影像地圖(影像地圖是帶有可點選區域的影像)。
usemap
屬性與 <map>
元素的 name 屬性相關聯,並在 <img>
和 <map>
之間建立關係。
注意: 如果 <img>
元素是 <a>
或 <button>
元素的後代,則不能使用 usemap
屬性。
瀏覽器支援
Attribute | |||||
---|---|---|---|---|---|
usemap | 是 | 是 | 是 | 是 | 是 |
語法
<img usemap="#mapname">
屬性值
值 | 描述 |
---|---|
#mapname | 一個雜湊字元("#")加上要使用的 <map> 元素的名稱 |
❮ HTML <img> 標籤