<map>
L'element HTML <map>
s'utilitza amb elements <area>
per definir un mapa d'imatge (un àrea d'enllaç que es pot clicar).
Categories de contingut | Contingut dinàmic, phrasing content, contingut palpable. |
---|---|
Contingut permès | Qualsevol element transparent. |
Omissió de l'etiqueta | Cap, tant l'etiqueta inicial com l’etiqueta final són obligatòries |
Elements pares permesos | Qualsevol element que accepti phrasing content. |
Interfície DOM |
HTMLMapElement (en-US) |
Atributs
Aquest element inclou els atributs globals.
name
- L'atribut name li dóna al mapa un nom perquè pugui ser referenciat. L'atribut ha d'estar present i ha de tenir un valor no buit sense caràcters d'espai. El valor de l'atribut name no ha de ser una coincidència de cas de compatibilitat menor per al valor de l'atribut name d'un altre element mapa en el mateix document. Si s'especifica l'atribut id, tots dos atributs han de tenir el mateix valor.
Exemples
<map name="example-map-1">
<area shape="circle" coords="200,250,25" href="another.htm" />
<area shape="default" />
</map>
Especificacions
Especificació | Estat | Comentari |
---|---|---|
HTML Living Standard The definition of '<map>' in that specification. |
Living Standard | |
HTML5 The definition of '<map>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<map>' in that specification. |
Recommendation | Definició inicial |
Navegadors compatibles
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | 1.0 | 1.0 (1.7 or earlier)[1] 5.0 (5.0)[2] 17.0 (17.0)[3] |
(Yes) | 1.0 | 1.0 |
Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suport bàsic | 1.0 | 1.0 (1.0)[1] 5.0 (5.0)[2] 17.0 (17.0)[3] |
(Yes) | 1.0 | 1.0 |
[1] A partir de Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2), els mapes buits ja no són saltats en favor dels no buits quan coincideixen i estan en la modalitat d'interpretació. Per exemple, considereu el següent HTML:
<map></map>
<map>
<area shape="rect" coords="25,25,75,75" href="#fail">
</map>
<img usemap="#a" src="image.png">
[2] Abans de Gecko 5.0, l'element <img>
hauria coincidit amb el segon mapa no buit. Ara coincideix amb el primer, encara que estigui buit.
[3] A partir del Firefox 17 l'estil per defecte de l'element HTML <map>
és display:inline
; i no display:block
;. Això coincideix amb el comportament d'altres navegadors i el cas que es donava en la modalitat d'interpretació.