HTML <area> shape-egenskab

HTML <area> Tag

Definering og brug

shape Egenskab definerer formen på området.

shape Egenskab med coords-egenskaben Brug sammen for at specificere størrelsen, formen og placeringen af området.

Eksempel

Brug shape-egenskaben til at specificere formen på hver del af billedkárten:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sol">
<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>

Prøv det selv

Syntaks

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

Egenskabsværdi

Værdi Beskrivelse
default Definerer hele området.
rect Definerer et rektangulært område.
circle Definerer en cirkulær formet område.
poly Definerer en polygonformet område.

Detaljeret forklaring:

shape Egenskaben bruges til at definere formen på den del af billedkάρten, der er følsom over for museklik:

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

shape Værdien på egenskaben påvirker, hvordan nettleseren fortolker coords-egenskaben. Hvis den ikke bruges shape attribute, then it will assume that the value default is used. According to the standard, default means that the area covers the entire image. In practice, browsers use the default rectangular area and expect to find 4 coords values. If no shape is specified and no 4 coordinates are included in the tag, the browser will ignore the entire area.

can recognize shape Browsers that can recognize the default value of the attribute can provide an area including all hotspots for clicking outside the range of other hotspot definitions. Since the area in the <map> tag is adopted in the order of "first come, first served", all default areas must be placed at the end. Otherwise, the default area will cover all areas that appear in other image maps.

Browsers do not have strict requirements for the implementation of shape names. For example, for rectangles, Netscape 4 cannot recognize "rectangle", but can recognize "rect". For this reason, we recommend using abbreviated names.

Browser support

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

HTML <area> Tag