Das Tag <map> definiert die Imagemap mit aktiven Bereichen, durch den Klick auf denen kann man zusätzliche Information bekommen. Die Links und Koordinaten von aktiven Bereichen werden vom Tag <area>, welches im Tag <map> platziert wird, definiert.
Das Tag <map> wird auch mit dem Element <img> verwendet, um es mit dem Imagemap des Kunden zu verbinden. Zu diesem Zweck wird einheitlicher Identifikator, der im Tag <img> durch das Attribut usemap, und im Tag <map> durch das Attribut name eingestellt wird.
Syntax
Das Tag <map> wird gepaart verwendet, das Endtag ist obligatorisch.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<p>Klicken Sie auf das Logo oder auf einen der Logoelemente, um es näher zu betrachten:</p>
<img src="/uploads/media/default/0001/01/0f94cf189afcdc39c4df2a73d230d1a7425ee66d.png" width="145" height="126" alt="block" usemap="#blockmap">
<map name="blockmap">
<area shape="circle" coords="45,58,30" alt="html-book" href="https://de.w3docs.com/html-lernen.html">
<area shape="circle" coords="88,64,15" alt="html-quiz" href="https://de.w3docs.com/quiz-start/html-lernen">
<area shape="circle" coords="114,67,14" alt="html-snippets" href="https://de.w3docs.com/snippets/html.html">
</map>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| name | mapname | Es ist ein obligatorisches Attribut. Es definiert den Namen der Imagemap. Das Tag ist mit dem Attribut usemap des Elements <img>, das das Image mit der Karte verbindet, verbunden. |
Das Tag <map> unterschtützt Globale Attribute.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Was ist der Zweck des <map> HTML-Tags?
Richtig!
Falsch!