HTML <map> 標(biāo)簽##
帶有可點(diǎn)擊區(qū)域的圖像映射：定義一個(gè)客戶端圖像映射。圖像映射（image-map）指帶有可點(diǎn)擊區(qū)域的一幅圖像
實(shí)例
<html>
<body>
<p>請(qǐng)點(diǎn)擊圖像上的星球，把它們放大。</p>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" />
</map>
</body>
</html>
瀏覽器支持
1498749283(1).png
提示與注釋
注釋：area 元素永遠(yuǎn)嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。
注釋：<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決于瀏覽器），所以我們應(yīng)同時(shí)向 <map> 添加 id 和 name 屬性。
必需的屬性
必需
可選的屬性
可選
HTML <area> 標(biāo)簽##
<area> 標(biāo)簽定義圖像映射中的區(qū)域（注：圖像映射指得是帶有可點(diǎn)擊區(qū)域的圖像）。
area 元素總是嵌套在 <map> 標(biāo)簽中。
注釋：<img>標(biāo)簽中的 usemap 屬性與 map元素 name 屬性相關(guān)聯(lián)，創(chuàng)建圖像與映射之間的聯(lián)系。
HTML 與 XHTML 之間的差異
在 HTML 中，<area> 沒有結(jié)束標(biāo)簽。
在 XHTML 中，<area> 必須正確地關(guān)閉。
必需的屬性
必需
可選的屬性
可選
