Heim > Artikel > Web-Frontend > So verwenden Sie das HTML-Map-Tag
So verwenden Sie das HTML-Map-Tag
- 青灯夜游Original
- 2019-05-27 13:15:124165Durchsuche
HTML-Map-Tag wird für die clientseitige Bildzuordnung verwendet. Eine Imagemap ist ein Bild mit anklickbaren Bereichen. Da das Attribut usemap in auf das Attribut id oder name in
Wie verwende ich das HTML-Map-Tag?
Funktion: Definieren Sie eine Client-Image-Zuordnung.
Erklärung: Image-Map bezieht sich auf ein Bild mit einem anklickbaren Bereich.
Hinweis: Flächenelemente werden immer in Kartenelementen verschachtelt. Das Flächenelement definiert einen Bereich in der Bildkarte. Das usemap-Attribut in kann auf das id- oder name-Attribut in
HTML-Karten-Tag-Beispiel
<!DOCTYPE html> <html> <body> <img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Sun" /> </map> <p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> </body> </html>
Ausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Map-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!