直接上圖如其中的大家電

 p >
順便在摘抄了一些相關(guān)資料奉上：
HTML map 標簽
帶有可點擊區(qū)域的圖像映射;
所有主流瀏覽器都支持 map 標簽。
定義和用法
定義一個客戶端圖像映射。圖像映射（image-map）指帶有可點擊區(qū)域的一幅圖像。
提示和注釋：
注釋：area 元素永遠嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。
注釋： img 中的 usemap 屬性可引用 map 中的 id 或 name 屬性（取決于瀏覽器），所以我們應(yīng)同時向 map 添加 id 和 name 屬性。

HTML 與 XHTML 之間的差異
在 HTML 中， area 沒有結(jié)束標簽。
在 XHTML 中， area 必須正確地關(guān)閉。
area 屬性屬性值描述coords坐標值定義可點擊區(qū)域（對鼠標敏感的區(qū)域）的坐標。hrefURL定義此區(qū)域的目標 URL。nohrefnohref從圖像映射排除某個區(qū)域。shape
default
rect
circ
poly
定義區(qū)域的形狀。target
_blank
_parent
_self
_top
規(guī)定在何處打開 href 屬性指

HTML DOM Area 對象

Area 對象
Area 對象代表圖像映射的一個區(qū)域（圖像映射指的是帶有可點擊區(qū)域的圖像）
在 HTML 文檔中 area 標簽每出現(xiàn)一次，就會創(chuàng)建一個 Area 對象。

Area 對象的屬性屬性描述accessKey設(shè)置或返回訪問某個區(qū)域的快捷鍵。alt設(shè)置或返回當瀏覽器無法顯示某個區(qū)域時的替換文字。coords設(shè)置或返回圖像映射中可點擊區(qū)域的坐標。hash設(shè)置或返回某個區(qū)域中 URL 的錨部分。host設(shè)置或返回某個區(qū)域中 URL 的主機名和端口。href設(shè)置或返回圖像映射中鏈接的 URL。id設(shè)置或返回某個區(qū)域的 id。noHref設(shè)置或返回某個區(qū)域是否應(yīng)是活動的還是非活動的。pathname設(shè)置或返回某個區(qū)域中的 URL 的路徑名。protocol設(shè)置或返回某個區(qū)域中的 URL 的協(xié)議。search設(shè)置或返回某個區(qū)域中 URL 的查詢字符串部分。shape設(shè)置或返回圖像映射中某個區(qū)域的形狀。tabIndex設(shè)置或返回某個區(qū)域的 tab 鍵控制次序。target設(shè)置或返回在何處打開區(qū)域中的 link-URL。

標準屬性屬性描述html' target='_blank'>className設(shè)置或返回元素的 class 屬性。dir設(shè)置或返回文本的方向。lang設(shè)置或返回元素的語言代碼。title設(shè)置或返回元素的 title。
以上就是HTML Map 標簽的使用的詳細內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。