HTML <area> shape-Eigenschaft

HTML-<area> Tag

Definition und Verwendung

shape Eigenschaft definiert die Form des Bereichs.

shape Eigenschaft mit coords-Attribut Gemeinsam verwendet, um die Größe, Form und Position des Bereichs zu bestimmen.

Beispiel

Verwenden Sie das shape-Attribut, um die Form jedes Bereichs im Bildmapping zu spezifizieren:

<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>

Versuchen Sie es selbst

Syntax

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

Eigenschaftswert

Wert Beschreibung
default Bestimmt den gesamten Bereich.
rect Definiert einen Rechteckbereich.
circle Definiert einen Kreisbereich.
poly Definiert einen Polygonbereich.

Detaillierte Erklärung:

shape Diese Eigenschaft wird verwendet, um die Form der auf dem Bildmappingen durch Mausklick empfindlichen Bereiche zu definieren:

  • Kreis (circ oder circle)
  • Dreieck (poly oder polygon)
  • Rechteck (rect oder rectangle)

shape Der Wert der Eigenschaft beeinflusst die Erklärung des Browsers für das coords-Attribut. Wenn nicht verwendet shape Eigenschaft, dann wird angenommen, dass der Wert default verwendet wird. Gemäß dem Standard bedeutet default, dass der Bereich das gesamte Bild abdeckt. In der Praxis verwenden Browser standardmäßig einen rechteckigen Bereich und erwarten, dass 4 coords-Werte gefunden werden. Wenn keine Form angegeben ist und keine 4 Koordinaten im Tag enthalten sind, ignoriert der Browser den gesamten Bereich.

erkennen kann shape Browser, die den Standardwert der Eigenschaft default liefern, können einen Bereich einschließlich aller Hotspots bereitstellen, der verwendet wird, wenn auf einen Bereich geklickt wird, der über den Bereich der anderen definierten Hotspots hinausgeht. Da die Bereiche im <map>-Tag im "First Come, First Served"-Verfahren verwendet werden, müssen alle Standardbereiche am Ende platziert werden. Andernfalls wird der Standardbereich alle anderen im Bildsymbolisierten Bereich auftretenden Bereiche überlagern.

Browser haben keine strengen Anforderungen an die Implementierung von Formnamen. Zum Beispiel kann Netscape 4 "rectangle" nicht erkennen, aber "rect" erkennen. Aus diesem Grund empfehlen wir die Verwendung von Abkürzungen.

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML-<area> Tag