Heim >Web-Frontend >HTML-Tutorial >Was bedeutet das HTML-Map-Tag?
Was bedeutet das HTML-Map-Tag?
- 云罗郡主Original
- 2019-02-13 15:33:284406Durchsuche
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 a1f02c36ba31691bcfe87b2722de723b kann auf das id- oder name-Attribut in dab9f699790ab0922e596ecb9f6677d5 verweisen (je nach Browser), daher sollten wir sowohl das id- als auch das name-Attribut zu dab9f699790ab0922e596ecb9f6677d5 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>
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!