HTML - Element: <map>

Der <map>-Tag definiert eine Verweis-sensitive Grafik. Verweis-sensitive Grafiken sind Grafiken, in denen der Anwender mit dem Mauszeiger auf ein Detail klicken kann. Daraufhin wird ein Verweis ausgeführt.
Mit dem <area>-Tag (area = Areal) definieren Sie eine verweis-sensitive Fläche auf einer Grafik.

<!DOCTYPE html>
<html>
<head>
 <title>Verweis-sensitive Grafik</title>
</head>
<body>

<h1>Verweis-sensitive Grafik</h1>

<p>
Klicke auf den Computer! <br>
<map name="mrrobot">
 <area shape="rect" coords="48,40,85,72" href="seite.htm" title="Hier klicken!">
</map>
<img src="mrrobot.gif" usemap="#mrrobot" width="200" height="130" alt="Mr. Robot">
</p>

</body>
</html>

Beispiel anzeigen

Attribute

name="" - Name für die verweis-sensitive Grafik.
shape="rect" - Damit bestimmen Sie eine viereckige Fläche.
shape="circle" - Damit bestimmen Sie einen Kreis.
shape="poly" - Damit bestimmen Sie ein Polygon.
coords="" - Koordinaten der verweis-sensitiven Fläche.
usemap="" - Verbindung zur Grafik
href="" - Der Verweis zu einer anderen Seite.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<canvas> Zeichnen

CSS - Markieren von Text verhindern

PHP - Leere Arrays entfernen und Zeiger beibehalten

JavaScript - Interne Anker hervorheben

MySQL - Spalte Gruppieren und zählen

Tote Links
Hyperlinks (Links), die auf eine nicht vorhandene Datei verweisen, heißen "tote Links". Klickt man darauf, erscheint eine Fehlermeldung. Solche toten Links machen einen unprofessionellen Eindruck. Es gibt aber Tools, die Webseiten auf tote Links überprüfen können.