HTML <map> etiket

Definition og brug

<map> tag til at definere billedkort. Billedkort (image map, en form for navigationskort) er et billede med klikbare områder.

<map> element kræver en name egenskabmed denne egenskab matcher <img> element af usemap attribut relaterede, der opretter et forhold mellem billedet og kortet.

<map> indeholder nogle <area> element，definerer de klikbare områderne i billedkortet.

Se også:

HTML DOM Referencemanual:Map-objekt

Eksempel

Eksempel 1

Billedkort med klikbare områder:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

Prøv det selv

Eksempel 2

En anden billedkort med klikbare områder:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
name Kortnavn Obligatorisk. Angiver navnet på billedkortet.

Globale egenskaber

<map> Tagget understøtter også Globale egenskaber i HTML.

eventegenskaber

<map> Tagget understøtter også Eventegenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere viser standardværdierne nedenfor <map> Element:

map {
  display: inline;
}

Browserstøtte

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support