MAP | Verweis | ![]() ![]() ![]() |
Der <MAP>-Tag definiert die aktiven Bereiche ("hot zones") einer Client-side Image Map. Damit können Sie Bilder mit anklickbaren Bereichen in ein HTML-Dokument einbinden.
Der Tag wird von Netscape, Mosaic und Microsoft Internet Explorer unterstützt. In der Spezifikation HTML 3.2 ist dieser Tag ebenfalls vorgesehen.
<MAP Attribute>
<AREA>-Elemente
</MAP>
Siehe auch unter AREA.
Attribut | Bedeutung |
---|---|
Erweitertes Netscape-Attribut | |
NAME |
Definiert einen Namen, auf den im USEMAP-Attribut des nachfolgenden IMG-Tags verwiesen wird. |
Netscape (ab 2.0) und der MS Internet Explorer (ab 2.0)
benutzen zwei Tags, um die C <map name="Bild1">
<area shape="rect" coords="1,1,240,50"
href="#a1">
<area shape="rect" coords="1,51,140,300"
href="#a2">
<area shape="rect" coords="251,1,390,400"
href="#a3">
<area shape="rect" coords="151,51,249,300"
href="#a4">
<area shape="rect" coords="1,301,249,399"
nohref>
</map>
<img src="grafik.gif" usemap="#Bild1"
border=0>
Mit <map name="name"> wird die Definition der verweissensitiven Bereiche einer Grafik eingeleitet. "name" definiert einen beliebigen Namen für die verweissensitive Grafik (es handelt sich quasi um einen Anker, der im IMG-Tag referenziert wird). Der Name sollte allerdings nicht zu lang sein (erlaubt sind bis zu 71 Zeichen) und er darf als Sonderzeichen nur den Unterstrich _ enthalten. Der Name ist in Anführungszeichen zu setzen. Sie können den MAP-Tag an eine beliebige Stelle im HTML-Dokument stellen.
An den einleitenden MAP-Tag schließen sich die <area...> -Tags mit den Koordinatendefinitionen für die verweissensitiven Flächen an. Das Attribut shape="rect" legt eine rechteckige Fläche (mit den Koordinaten coords="x1, y1, x2, y2") fest. Mit shape="circle" definieren Sie einen Kreis, der die Koordinaten x1, y1 und den Radius (in Pixel) besitzt. Mit shape="polygon" wird ein beliebiges Vieleck (Polygon) mit den Koordinaten x1,y2,..xn,yn als verweissensitiv definiert.
Diese Koordinaten werden bei allen Typen im Attribut coords= angegeben. Die Werte beziehen sich auf die linke obere Ecke und sind in Pixel definiert. In href= bestimmen Sie dann das Ziel im Zieldokument.
Die Grafik, welche die verweissensitiven Flächen enthält, wird mit dem <img>-Tag angegeben, wobei das Attribut usemap mit dem Namen des in map benutzten Ankers verwendet wird.
(c) Günter Born www.borncity.de