AREA TAG

Das -Tag wird zusammen mit dem map-Tag benutzt, um eine clientseitige Image Map zu erzeugen, die in verschiedene maus-sensitive Bereiche (auch »Hot Spots« genannt) unterteilt ist. Wenn die Maus einen Bereich der Map anklickt, kann ein Attribut im -Tag direkt eine Aktion einleiten – z.B. kann in jedem Bereich ein Link durch ein href-Attribut erzeugt werden. Da der Bereich maus-sensitiv ist, kann auch das Hovern mit der Maus als Ereignis erkannt werden.

Das -Tag muss im MAP-Element enthalten sein. Das IMG-Element kann vor oder nach dem map-Tag, in dem die -Tags enthalten sind, stehen.

Für das -Tag können keine CSS-Eigenschaften notiert werden – AREA-Elemente sind nur maus-sensitive Bereiche, aber bilden keine Blöcke im Dokument.

Attribute für area

accesskey
bestimmt eine Taste auf der Tastatur, die beim Drücken zusammen mit der Alt-, Strg- oder Befehlstaste einen Link aktiviert.
alt
verknüpft einen Text mit einem individuellen Bereich der Map. Wenn die Maus über den Bereich fährt, stellt ein kleines Fenster diesen Text dar.
coords
legt die (x,y)-Koordinaten für jede Form in der Image Map fest. Die Koordinaten sind der x- und y-Abstand von der oberen linken Ecke (0,0) zum Bild. Die Anzahl der Koordinaten hängt von der Form ab, die im shape-Attribut definiert wird.
rect: top left bottom right
circle: center radius, wobei center als x,y-Paar angegeben wird
poly: Ecken des Polygons.
href
URL-Adresse eines Links. Jedes -Tag im Bild kann einen Link enthalten.
nohref
gibt an, dass der im -Tag definierte Bereich kein Link ist. Dann zeigen die Browser den Hot Spot der Image Map beim Hovern mit der Maus auch nicht mit einem entsprechenden Cursor und der Cursor kann auch nicht durch ein Stylesheet geändert werden.
shape
definiert die geometrische From der Image Map. Das kann entweder ein Kreis (circle oder circ), ein Polygon (polygon oder poly) oder ein Viereck (rectangle oder rect) sein.
tabindex
ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt.