HTML <area> 標籤

實例
帶有可點擊區域的圖像映射:

<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> 標籤必須正確地關閉。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章