實例
帶有可點擊區域的圖像映射:
<img loading="lazy" src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
所有主流瀏覽器都支持 <area> 標籤。
標籤定義及使用說明
<area> 標籤定義圖像映射內部的區域(圖像映射指的是帶有可點擊區域的圖像)。
<area> 元素始終嵌套在 <map> 標籤內部。
註釋: <img> 標籤中的 usemap 屬性與 <map> 元素中的 name 相關聯,以創建圖像與映射之間的關係。
HTML 4.01 與 HTML5之間的差異
HTML5 提供了一些新屬性,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<area> 標籤沒有結束標籤。
在 XHTML 中,<area> 標籤必須正確地關閉。