HTML <area> 標簽 · W3School HTML 參考手冊

# HTML <area> 標簽 ## 實例帶有可點擊區域的圖像映射： ``` <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map> ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 <area> 標簽。 ## 定義和用法 <area> 標簽定義圖像映射中的區域（注：圖像映射指得是帶有可點擊區域的圖像）。 area 元素總是嵌套在 <map> 標簽中。注釋：[<img>](tag_img.asp) 標簽中的 usemap 屬性與 [map](tag_map.asp) 元素 name 屬性相關聯，創建圖像與映射之間的聯系。 ## HTML 與 XHTML 之間的差異在 HTML 中，<area> 沒有結束標簽。在 XHTML 中，<area> 必須正確地關閉。 ## 提示和注釋：注釋：<img> 中的 _usemap_ 屬性可引用 <map> 中的 _id_ 或 _name_ 屬性（由瀏覽器決定），所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。 ## 必需的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [alt](/tags/att_area_alt.asp "HTML <area> 標簽的 alt 屬性") | _text_ | 定義此區域的替換文本。 | ## 可選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [coords](/tags/att_area_coords.asp "HTML <area> 標簽的 coords 屬性") | 坐標值 | 定義可點擊區域（對鼠標敏感的區域）的坐標。 | | [href](/tags/att_area_href.asp "HTML <area> 標簽的 href 屬性") | _URL_ | 定義此區域的目標 URL。 | | [nohref](/tags/att_area_nohref.asp "HTML <area> 標簽的 nohref 屬性") | nohref | 從圖像映射排除某個區域。 | | [shape](/tags/att_area_shape.asp "HTML <area> 標簽的 shape 屬性") | `default` `rect` `circ` `poly` | 定義區域的形狀。 | | [target](/tags/att_area_target.asp "HTML <area> 標簽的 target 屬性") | `_blank` `_parent` `_self` `_top` | 規定在何處打開 href 屬性指定的目標 URL。 | ## 全局屬性 <area> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 <area> 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。 ## 相關頁面 HTML DOM 參考手冊：[Area 對象](/jsref/dom_obj_area.asp "HTML DOM Area 對象")