Das HTML-Element <map>

Bedeutung:

Definiert ein ‚image map‘. Das bedeutet, dass ein Koordinatengitter über ein Bild oder eine Grafik gelegt wird. Damit kann man mittels der Koordinaten mit <area> spezielle Bereiche als Schaltfläche definieren.

Beispiel:

1
2
3
4
  <img src="http://www.pixeltrimmer.de/images/banner/werbebanner_pixeltrimmer_468x60.jpg" width="468" alt="Werbebanner Pixeltrimmer" usemap="#testmap" />
  <map name="testmap">
    <area shape="rect" coords="355,1,468,60" href="http://www.pixeltrimmer.de" alt="Pixeltrimmer" />
  </map>

Auswirkung:

Werbebanner Pixeltrimmer

Pixeltrimmer

(Nun ist der Bereich des Pixeltrimmer-Logos als Bereich definiert und kann als Link genutzt werden)

Attribute:

Name Wert Beschreibung
name Elementname Legt einen einzigartigen Namen für dieses Element fest