Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Was bedeutet das HTML-Map-Tag?

云罗郡主
Freigeben： 2019-02-13 15:33:56
Original
4384 Leute haben es durchsucht


Was bedeutet das HTML-Map-Tag

Das Map-Tag wird häufig verwendet, um einen Hyperlink zu einem hinzuzufügen Bestimmter Bereich eines Bildes Definiert hauptsächlich eine Client-Image-Map (Image-Map) bezieht sich auf ein Bild mit einem anklickbaren Bereich.

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 innerhalb von Kartenelementen verschachtelt. Das Flächenelement definiert einen Bereich in der Bildkarte. Das usemap-Attribut in kann auf das id- oder name-Attribut in verweisen (je nach Browser), daher sollten wir sowohl das id- als auch das name-Attribut zu hinzufügen.

HTML-Karten-Tag-Beispiel

<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>
Nach dem Login kopieren



Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML-Map-Tag?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
map标签 map标签是什么意思
Quelle：php.cn
Vorheriger Artikel：Wie man die Sündenmethode anwendet Nächster Artikel：Was bedeutet Mark-Tag?
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
SQL Count() erfordert ebenfalls 0 Ich habe nur eine Tabelle und möchte jeden Eintrag eines Tags zählen, der mit 0 beginnt. J...
Aus 2024-04-06 19:48:53
0
1
449
Warum ist mein HR-Tag durchscheinend, wenn es auf die einfarbige Farbe Weiß eingestellt ist? Ich habe ein HTML (mit Bootstrap) und ein CSS, in meinem HTML habe ich ein <hr>-Tag,...
Aus 2024-04-06 16:13:26
0
1
500
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint? Ich möchte einige Fotos über NASAAPI erhalten. Diese Fotos werden dann im Miniaturbild und...
Aus 2024-04-06 15:33:12
0
1
433
Die Polsterung des Elternteils wird vom klebrig positionierten Kind ignoriert Wie kann verhindert werden, dass klebrige Elemente hinter den Header gelangen? Das aktuell...
Aus 2024-04-06 11:42:51
0
1
338
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage