htmltag.jpg

實例

帶有可點擊區域的圖像映射： 

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
  <code><area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> </code>
  <code><area shape="circle" coords="129,161,10" href ="mercur.html" alt ="Mercury" /> </code>
  <code><area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /></code>
</map>

瀏覽器支持

所有主流瀏覽器都支持<area> 標籤。

定義和用法

<area> 標籤定義圖像映射中的區域（注：圖像映射指得是帶有可點擊區域的圖像）。

area 元素總是嵌套在<map> 標籤中。

註釋：<img>標籤中的usemap屬性與map元素name屬性相關聯，創建圖像與映射之間的聯繫。

HTML 與XHTML 之間的差異

在HTML 中，<area> 沒有結束標籤。

在XHTML 中，<area> 必須正確地關閉。

提示和註釋：

註釋： <img>中的usemap屬性可引用<map>中的id或name屬性（由瀏覽器決定），所以我們需要同時向<map>添加id和name兩個屬性。

必需的屬性

屬性 值 描述
alt text 定義此區域的替換文本。

可選的屬性

屬性 值 描述
coords 坐標值 定義可點擊區域（對鼠標敏感的區域）的坐標。
href URL 定義此區域的目標URL。
nohref nohref 從圖像映射排除某個區域。
shape
  • default
  • rect
  • circ
  • poly
 定義區域的形狀。
target
  • _blank
  • _parent
  • _self
  • _top
 規定在何處打開href 屬性指定的目標URL。

全局屬性

<area>標籤支持HTML中的全局屬性。

事件屬性

<area>標籤支持HTML中的事件屬性。

arrow
arrow
    文章標籤
    設計密碼 Design code Design Code 線上學習 HTML 語法結構 語法學 HTML5
    全站熱搜

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()