閱讀(71.5k) 書簽贊(6) 我要糾錯(cuò)

HTML <map> 標(biāo)簽

2022-06-01 15:39 更新

<map> 標(biāo)簽可以和 <area> 元素一起使用，以此來達(dá)到定義圖像映射（可點(diǎn)擊的鏈接區(qū)域）的目標(biāo)，請參考下述示例：

實(shí)例

帶有可點(diǎn)擊區(qū)域的圖像映射：

嘗試一下 ?

目前大多數(shù)瀏覽器支持 <map> 標(biāo)簽。

<map> 標(biāo)簽用于客戶端圖像映射。圖像映射指帶有可點(diǎn)擊區(qū)域的一幅圖像。

<map> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決于瀏覽器），所以我們應(yīng)同時(shí)向 <map> 添加 id 和 name 屬性。

area 元素永遠(yuǎn)嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。

提示：要完成圖像映射要用到三種標(biāo)簽：<img> 標(biāo)簽、<map>標(biāo)簽、<area>標(biāo)簽。

注意: 在 HTML5 中, 如果 id 屬性在 <map> 標(biāo)簽中指定, 則你必須同樣指定 name 屬性。

在 XHTML 中，name 屬性已經(jīng)廢棄，使用 id 屬性替換它。

屬性	值	描述
name	mapname	必需。為 image-map 規(guī)定的名稱。

<map> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。

<map> 標(biāo)簽支持所有 HTML事件屬性。