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>
瀏覽器支持
提示與注釋
注釋: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)閉。
必需的屬性
可選的屬性