HTML <area>Tag
Beispiele
Eine Image-Map mit anklickbaren Bereichen:
<img src="planets.gif" width="145" height="126" alt="Planeten" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sonne" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Merkur" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
Selbst ausprobieren »
Browser-Unterstützung
Alle gängigen Browser unterstützen das <area>-Tag.
Tag-Definition und Verwendungshinweise
Das <area>-Tag definiert einen Bereich innerhalb einer Image-Map (eine Image-Map ist ein Bild mit anklickbaren Bereichen).
Das <area>-Element ist immer innerhalb des <map>-Tags verschachtelt.
Hinweis: <img>Das usemap-Attribut im Tag ist mit<map>dem Namen im Element verknüpft.
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 bietet einige neue Attribute und unterstützt bestimmte Attribute aus HTML 4.01 nicht mehr.
Unterschiede zwischen HTML und XHTML
In HTML hat das <area>-Tag kein End-Tag.
In XHTML muss das <area>-Tag ordnungsgemäß geschlossen werden.
Attribute
Neu: Neu in HTML5.
| Attribute | Wert | Beschreibung |
|---|---|---|
| alt | text | Gibt den Alternativtext für den Bereich an. Erforderlich, wenn das href-Attribut verwendet wird. |
| coords | coordinates | Gibt die Koordinaten des Bereichs an. |
| href | URL | Gibt die Ziel-URL des Bereichs an. |
| hreflangNeu | language_code | Gibt die Sprache der Ziel-URL an. |
| mediaNeu | Medienabfrage | Gibt an, für welche Medien/Geräte die Ziel-URL optimiert ist. Standard: alle. |
| nohref | value | In HTML5 nicht unterstützt.Gibt einen Bereich ohne zugehörigen Link an. |
| relNeu | alternate author Lesezeichen help license next nofollow noreferrer prefetch prev search -Tag hinzu |
Gibt die Beziehung zwischen dem aktuellen Dokument und der Ziel-URL an. |
| shape |
default rect circle poly |
Gibt die Form des Bereichs an. |
| target | _blank _parent _self _top framename |
Gibt an, wo die Ziel-URL geöffnet werden soll. |
| typeNeu | MIME_type | Gibt den MIME-Typ der Ziel-URL an. Hinweis: MIME = Multipurpose Internet Mail Extensions. |
Globale Attribute
Das <area>-Tag unterstütztglobale HTML-Attribute。
Ereignisattribute
Das <area>-Tag unterstütztHTML-Ereignisattribute。
Ähnliche Artikel
HTML-DOM-Referenzhandbuch:Area-Objekt
Andere Erweiterungen