HTML <area> coords egenskab

HTML <area> Tag

Definition og brug

coords Egenskab fastlægger koordinaterne for områderne i billedkortet.

coords Egenskab med shape-attribut Brug sammen for at specificere størrelse, form og placering af området.

Vedligeholdelse:Regionens øverste venstre koordinat er 0,0.

Bemærk:Hvis koordinaterne i en area-tag kolliderer med andre områder, prioriteres den første area-tag. Browseren ignorerer koordinater uden for billedets grænser.

Eksempel

Brug coords-attributten til at fastlægge koordinaterne for hver region i billedkortet:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.htm" alt="Solen">
<area shape="circle" coords="190,230,5" href="mercur.htm" alt="Månen">
<area shape="circle" coords="228,230,5" href="venus.htm" alt="Venus">
</map>

Prøv det selv

Syntaks

<area coords="value">

Attributværdi

Værdi Beskrivelse
x1,y1,x2,y2 Fastlæggelse af rektanglets øverste venstre og nederste højre koordinater (shape="rect").
x,y,radius Fastlæggelse af cirkelens midtpunkt og radius (shape="circle").
x1,y1,x2,y2,...,xn,yn

Fastlæggelse af polygonens kantkoordinater.

Hvis det første og sidste koordinatpar ikke er ens, tilføjer browseren det sidste koordinatpar for at lukke polygonen (shape="poly").

Detaljeret forklaring:

<area>-taggets coords-attribut definerer koordinaterne for de klientkørselsmæssige områder i billedkortet. Koordinaternes tal og betydning afhænger af area-attributten, der bestemmer områdets form. Man kan definere hyperlinkområder i klientkortet som rektangler, cirkler eller polygona.

Nedenfor er de passende værdier for hver form:

Cirkel: shape="circle", coords="x,y,z"

Her definerer x og y placeringen af cirkelens midtpunkt ("0,0" er billedets øverste venstre koordinat), r er cirkelens radius i pixels.

Polygon: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Hvert par "x,y"-koordinat definerer en af polygonets kanter ("0,0" er billedets øverste venstre koordinat). For at definere en trekant kræves mindst tre koordinater; højpolige polygona kræver flere kanter.

Polygoner lukkes automatisk, og det er ikke nødvendigt at gentage den første koordinat i listen for at lukke hele området.

Rektangel: shape="rectangle", coords="x1,y1,x2,y2"

Den første koordinat er hjørnet af rektanglen, og det andet par koordinater er hjørnet af den diagonale, "0,0" er koordinaterne for øverste venstre hjørne af billedet. Bemærk, at definitionen af rektanglen er en forenklet metode til at definere en polygon med fire hjørner.

For eksempel, nedenstående XHTML-fragment i den nederste fjerdedel til højre af et 100x100 pixels billede, definerer et område, der er følsomt over for mus, og en cirkulær område i midten af billedet.

<map name="map">
  <area shape="rect" coords="75,75,99,99" nohref="nohref">
  <area shape="circ" coords="50,50,25" nohref="nohref">
</map>

Browser Support

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

HTML <area> Tag