Heim >Web-Frontend >Front-End-Fragen und Antworten >Wozu dient das Map-Tag in HTML5?
Wozu dient das Map-Tag in HTML5?
- WBOYOriginal
- 2021-12-17 17:08:462371Durchsuche
Das Karten-Tag in HTML5 wird verwendet, um eine clientseitige Bildzuordnung zu definieren, bei der es sich um ein Bild mit einem anklickbaren Bereich handelt. Die Syntax lautet „<map name="value">...</map>“. , Bildelement Das Attribut „name“ des Tags kann zur Implementierung der Bildzuordnung referenziert werden, daher ist das Attribut „name“ unerlässlich.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Was ist die Verwendung des Map-Tags in HTML5?
Das usemap-Attribut in kann auf das id- oder name-Attribut in
Area-Elemente sind immer in Kartenelementen verschachtelt. Das Flächenelement definiert einen Bereich in der Bildkarte.
Die Syntax lautet wie folgt:
<map name="value">...</map>
Das Beispiel lautet wie folgt:
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>点击太阳或其他行星，注意变化：</p> <img src="planets.gif" width="145" style="max-width:90%" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"> </map> </body> </html>
Ausgabeergebnis:
Wenn Sie auf das Bild klicken, springt die Seite:
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWozu dient das Map-Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!