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.

<th> Tabellenkopf

CSS - Listenelemente einfärben

PHP - Text kontinuierlich mit einer for-Schleife zoomen

JavaScript - Auslesen der Benutzer-Zeitzone

MySQL - Datensätze einer Tabelle zählen

Schlechte Navigation
Eine gute Navigation ist sehr wichtig. Die Links sollten verständlich und übersichtlich angeordnet sein. Verwendet man Bilder als Navigationslinks, sollte man auf keinen Fall den alternativen Text vergessen, der angezeigt wird, wenn die Grafiken noch nicht geladen sind, oder der Besucher Grafiken deaktiviert hat. Der beste Inhalt nützt nichts, wenn sich die Besucher nicht zurechtfinden.
Verwenden Sie deutliche Kennzeichen, damit man die Seiten voneinander unterscheiden kann. Benutzen Sie einfache und leicht merkende Namen, zur Verbesserung der Navigation.
Der Besucher sollte nicht nach 15minütigem stöbern auf der Homepage das Gefühl haben, sich im Kreis zu bewegen.