HTML Referenzhandbuch

HTML-Tag-Verzeichnis

HTML: <area> shape-Attribut

Das shape-Attribut definiert die Form des Bereichs, das shape-Attribut wird zusammen mit dem coords-Attribut verwendet, um die Größe, Form und Position des Bereichs zu bestimmen.

　HTML <area> Tag

Online-Beispiel

Bildkarten mit klickbaren Bereichen:

Beispiel

<!DOCTYPE html>
<html>
<title>HTML: <area> shape-Attribut　-　Grundlagen-Tutorial-Website　oldtoolbag.com</title>
<body>
<p>Bitte klicken Sie auf die Sonne oder einen anderen Planeten, um ihn aus der Nähe zu betrachten：</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"href="sun.html" alt="Sun">
　　<area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
　　<area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
</map>
</body>
</html>

Testen Sie heraus ‹/›

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das shape-Attribut

Definition und Verwendung

shape-Attribut bestimmt die Form des Bereichs.

shape-Attribut und coords In Kombination mit HTML-Attributen, um die Größe, Form und Position des Bereichs zu spezifizieren.

HTML 4.01 und HTML5Unterschiede zwischen

Keine.

Syntax

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

Attributswert

Wert	Beschreibung
default	Gibt alle Bereiche an.
rect	Definiert einen rechteckigen Bereich.
circle	Definiert einen Kreis.
poly	Definiert einen polygonalen Bereich.

　HTML <area> Tag

HTML: <template> Tag