HTML <area> shape-egenskap

HTML <area> tagg

Definition och användning

shape Definierar formen på området.

shape Egenskapen coords-egenskapen Används tillsammans för att definiera storlek, form och plats för området.

Exempel

Använd shape-egenskapen för att specificera formen på varje område i en bildkarta:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

Prova själv

Syntax

<area shape="default|rect|circle|poly">

Egenskapsvärde

Värde Beskrivning
default Definiera hela området.
rect Definiera en rektangelformad region.
circle Definiera en cirkelformad region.
poly Definiera en polygonformad region.

Detaljerad förklaring:

shape Egenskapen används för att definiera formen på de områden som är mottagliga för muspekaren i en bildkarta:

  • Cirkel (circ eller circle)
  • Polygon (poly eller polygon)
  • Rektangel (rect eller rectangle)

shape Värdet på egenskapen påverkar hur webbläsaren tolkar coords-egenskapen. Om det inte används shape egenskap, kommer den att anta att använda värdet default. Enligt standard innebär default att området täcker hela bilden. I praktiken använder webbläsare som standard rektangulära områden och förväntar sig att hitta fyra coords-värden. Om inget format anges och inga fyra koordinater inkluderas i etiketten, kommer webbläsaren att ignorera hela området.

kan känna igen shape Webbläsare som kan tillhandahålla en region som inkluderar alla heta punkter, för användning vid klick utanför det definierade området för andra heta punkter. Eftersom regioner i <map>-etiketten används i "first come, first served"-ordning, måste den standardiserade regionen placeras sist. Annars kommer den standardiserade regionen att täcka alla andra regioner som visas i andra image maps.

Webbläsare har inga strikta krav på att implementera formningsnamn. Till exempel kan Netscape 4 inte känna igen "rectangle", men kan känna igen "rect". Av denna anledning rekommenderar vi att använda förkortade namn.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <area> tagg