?
This document uses PHP Chinese website manual Release
HTML <map>
屬性 與 <area>
屬性一起使用來定義一個圖像映射(一個可點(diǎn)擊的鏈接區(qū)域).
內(nèi)容類別 | Flow content, phrasing content, palpable content. |
---|---|
允許的內(nèi)容 | Any transparent element. |
標(biāo)記遺漏 | 沒有,起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父級 | 任何接受短語內(nèi)容的元素。 |
允許ARIA角色 | 沒有 |
DOM界面 | HTMLMapElement |
這個元素包含全局屬性。
name
name屬性 給map一個名字用來查詢,這個屬性是必須的,值必須不能為空并且不能帶空格。name屬性不準(zhǔn)與同文檔中其他map元素的值相同,如果id屬性也被添加,name屬性和id屬性的值必須相同。
<map name="primary"> <area shape="circle" coords="75,75,75" href="left.html"> <area shape="circle" coords="275,75,75" href="right.html"></map><img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">
上面的實(shí)例應(yīng)該與下面的圖像類似(使用鍵盤標(biāo)簽鍵時):
對于 鏈接:left.html
對于鏈接:right.html
Specification | Status | Comment |
---|---|---|
WHATWG HTML Living StandardThe definition of '<map>' in that specification. | Living Standard | |
HTML5The definition of '<map>' in that specification. | Recommendation | |
HTML 4.01 SpecificationThe definition of '<map>' in that specification. | Recommendation | Initial definition |
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.7 or earlier)1 5.0 (5.0)2 17.0 (17.0)3 | (Yes) | 1.0 | 1.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.0)1 5.0 (5.0)2 17.0 (17.0)3 | (Yes) | 1.0 | 1.0 |