HTML tag <map>
Příklad
Obrazová mapa s klikacími oblastmi:
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400"
height="379">
<map name="workmap">
<area shape="rect"
coords="34,44,270,350" alt="Computer" href="computer.htm">
<area
shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Značka <map>se používá k definování obrázkové mapy. Obrazová mapa je obrázek s klikacími oblastmi.
Atribut požadovaného názvu <map>prvku je spojen s atributem usemap <img> a vytváří vztah mezi obrázkem a mapou.
Prvek <map>obsahuje řadu prvků <area> , které definují oblasti, na které lze kliknout v obrazové mapě.
Podpora prohlížeče
| Element | |||||
|---|---|---|---|---|---|
| <map> | Yes | Yes | Yes | Yes | Yes |
Atributy
| Attribute | Value | Description |
|---|---|---|
| name | mapname | Required. Specifies the name of the image map |
Globální atributy
Značka <map>také podporuje globální atributy v HTML .
Atributy události
Značka <map>také podporuje atributy událostí v HTML .
Další příklady
Příklad
Další obrázková mapa s klikacími oblastmi:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Související stránky
HTML DOM reference: Map Object
Výchozí nastavení CSS
Většina prohlížečů zobrazí <map>prvek s následujícími výchozími hodnotami:
map {
display: inline;
}