<area>標簽

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

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

（推薦教程：html教程）

注：<img> 標簽中的 usemap 屬性與 <map> 元素 name 屬性相關聯，創建圖像與映射之間的聯系。<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（由瀏覽器決定），所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。

請看下圖：

屬性值：

href : 點擊區域跳轉的鏈接。alt : 圖片無法正常顯示時提示的信息。

實例：

1、距形：(左上角頂點坐標為(x1,y1)，右下角頂點坐標為(x2,y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2、圓形：(圓心坐標為(X1,y1)，半徑為r)

<area shape="circle" coords="x1,y1,r" href=url>

3、多邊形：(各頂點坐標依次為(x1,y1)、(x2,y2)、(x3,y3) ......)

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

更多編程相關內容，請關注武林網編程入門欄目！

以上就是關于html中area標簽的用法詳解的詳細內容，更多請關注武林網其它相關文章！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。