The Web Design Group

AREA - Image-Map Region

Syntax <AREA>
Attribut-Spezifikationen
  • SHAPE=[ rect | circle | poly | default ] (Teil des Region)
  • COORDS=Coords (Koordinaten der Region)
  • HREF=URI (verlinkte Quelle)
  • TARGET=FrameTarget (Frame, in dem der Link angeziegt werden soll)
  • NOHREF (inaktive Region)
  • ALT=Text (alternativ Text)
  • ACCESSKEY=Character (Verknüpfungsschlüssel)
  • TABINDEX=Number (Position in der Tabbing-Reihenfolge)
  • ONFOCUS=Script (Region erhält den Fokus)
  • ONBLUR=Script (Region verliert den Fokus)
  • gemeinsame Attribute
Inhalte Leer
Beinhaltet in MAP

Das AREA-Element definiert ein Map-Region in einer Client-seitigen Image-Map. Jede Map-Region ist ein Teil eines Bildes, die eine unterschiedliche Aktion bewirkt, wenn sie angeklickt wird.

Die SHAPE- und COORDS-Attribute von AREA spezifizieren welcher Teil des Bildes in die Region eingebunden wird. Der Standard-SHAPE-Wert ist rect, was eine rechteckige Region mit COORDS="left, top, right, bottom" definiert. Andere SHAPE-Werte sind

Die Koordinatenwerte verhalten sich relativ zur oberen linken Ecke des Objekts und können durch Pixel oder Prozentwerte ausgedrückt werden. Ein prozentualer Radius für kreisförmige Regionen wird relativ zu der Objektbreite und -höhe kalkuliert. Wenn zwei oder mehrere Regionen sich überlappen, hat die zuerst definierte Region Vorrang.

Das HREF-Attribut legt einen Link zu einer anderen Quelle fest, wie z.B ein HTML-Dokument oder ein JPEG-Bild. Das TITLE-Attribut kann verwendet werden um kurz die Inhalte des Links zu beschreiben und wird als "Tooltip" von manchen visuellen Browsern angezeigt. Das boolesche NOHREF-Attribut bedeutet, dass die Region keinen Link besitzt.

Das benötigte ALT-Attribut stellt den alternativen Text für die Browser zur Verfügung, die keine Bilder laden. Ein effektiver ALT-Text sollte generell eher die Funktion der Map-Region als eine Beschreibung der Region liefern. Zum Beispiel, ALT="WDG Home" oder ALT="Web Design Group" wäre passender als ALT="WDG Logo" für eine Map-Region, dessen Link zur WDG home page führt. Ein guter ALT-Text ist eine wichtiges Erreichbarkeitsmerkmal für User, die keine Bilder laden.

Das TARGET-Attribut wird mit Frames verwendet um den Frame festzulegen, in dem der Link angezeigt werden soll. Wenn kein Frame mit solch einem Namen existiert, wird der Link in einem neuen Fenster angezeigt bis er vom User aufgehoben wird. Spezielle Frame-Namen beginnen mit einem Unterstrich:

In HTML 4 ist das TARGET-Attribut case-insensitive, sodass _top und _TOP beide die gleiche Bedeutung haben. Wie auch immer, die meisten Broswer behandeln den Wert des TARGET-Attributs case-sensitive und erkennen _TOP nicht als _top.

Das ACCESSKEY-Attribut legt ein einzelnes Unicode-Zeichen als Verknüpfungsschlüssel fest um auf den Link zu verweisen. Entities (z.B. &eacute;) können als ACCESSKEY-Wert verwendet werden.

Das TABINDEX-Attribut spezifiziert eine Zahl zwischen 0 und 32767 um die Position in der Tabbing-Reihenfolge der Map-Region festzulegen. Eine Region mit TABINDEX=0 oder keinem TABINDEX-Attribut wird erst nach allen anderen Elementen mit einem positiven TABINDEX besucht. Unter den positiven TABINDEX-Werten erhält die kleiner Zahl zuerst den Fokus. Im Falle einer Gleichheit erhält das Element Vorrang das zuerst im HTML-Dokument steht.

Zusätzlich zu den Kern-Events, die es mit den meisten Elementen gemeinsam hat, akzeptiert AREA die folgenden Attribute für Client-seitiges Scripting:

Weitere Informationen