【轉載請保留風信網文章內容的完整性，如果您不能遵守此原則，我們將保留追究法律責任的權利】
<map> 標籤
定義和用法
<map> 標籤定義用戶端的影像地圖。 影像地圖是帶有可點擊區域的圖像。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 5 中，不再支援 HTTP://www.aliyun.com/zixun/aggregation/11696.html">name 屬性。
提示和注釋：
風信網(www.ithov.com)注釋：area 元素永遠嵌套在 map 元素內部。 area 元素可定義影像地圖中的區域。
屬性
屬性 值 描述 4 5 id unique_name 為 map 標籤定義唯一的名稱。 4 5 name unique_name 為 map 標籤定義唯一的名稱。 不支援。 4標準屬性
class, contenteditable, coNtextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, titl e如需完整的描述，請訪問 HTML 5 中標準屬性。
事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncoNtextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmous edown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述，請訪問 HTML 5 中事件屬性。
TIY 實例
創建圖像地圖
本例顯示如何創建帶有可點擊區域的圖像地圖。 其中的每個區域都是一個超級連結。
<html>
<body>
<p>風信網(www.ithov.com)提示：請點擊圖像上的星球，把它們放大。 </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>
<p><b>注釋：</b>img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性（根據瀏覽器），所以我們同時向 map 元素添加了 "id" 和 "name" 屬性。 </p>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
