Heim > Artikel > Web-Frontend > Was bedeutet das HTML-Area-Tag? Detaillierte Erläuterung der Verwendung des HTML-Area-Tags
Was bedeutet das HTML-Area-Tag? Detaillierte Erläuterung der Verwendung des HTML-Area-Tags
- 寻∝梦Original
- 2018-08-17 17:37:124601Durchsuche
Was bedeutet das HTML-Area-Tag? Wie viel wissen Sie über die Verwendung von HTML-Area-Tags? In diesem Artikel werden Ihnen die Definition und Verwendungsfälle des HTML-Area-Tags sowie eine Einführung in die Attribute des HTML-Area-Tags (mit Beispielen) vorgestellt.
Die Definition und Verwendung des HTML Bereichs-Tag:
03fc64e1e502d5ba947b3a9af06d2d2a definiert den Bereich in der Bildkarte (Hinweis: Bildkarte bezieht sich auf ein Bild mit einem anklickbaren Bereich).
Bereichselemente sind immer in dab9f699790ab0922e596ecb9f6677d5-Tags verschachtelt.
Hinweis: Das usemap-Attribut im a1f02c36ba31691bcfe87b2722de723b-Tag ist mit dem name-Attribut des Kartenelements verknüpft, wodurch eine Verbindung zwischen dem Bild und der Karte hergestellt wird.
HTML03fc64e1e502d5ba947b3a9af06d2d2a-Tag-Instanz:
Bildkarte mit anklickbarem Bereich:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
03fc64e1e502d5ba947b3a9af06d2d2a-Tag-Attribut:
alt: Alt-Text für den Bereich.
Koordinaten: die Koordinaten des Gebiets.
href: Die Ziel-URL des Bereichs.
hreflang: Die Sprache der Ziel-URL, ein neues Attribut in HTML5.
Medien: Für welches Medium/Gerät die Ziel-URL optimiert ist, ein neues Attribut in HTML5.
nohref: Es gibt keinen verwandten Linkbereich, HTML5 unterstützt ihn nicht.
rel: Die Beziehung zwischen dem aktuellen Dokument und der Ziel-URL, ein neues Attribut in HTML5.
Form: die Form des Bereichs.
Ziel: Wo soll die Ziel-URL geöffnet werden.
Typ: MIME-Typ der Ziel-URL, ein neues Attribut in HTML5.
Format:
2c3ff4ed52d24ca863fd7ad93957d4a6
HTML03fc64e1e502d5ba947b3a9af06d2d2a-Tag-Beispiel:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>html< area>标签_PHP笔记</title> </head> <body> <img src="http://www.php.cn/themes/Nana2.09/images/logo.png" alt="html< area>标签" width="300px" height="70px" alt="PHP笔记logo" usemap="#logo"> <map name="logo"> <area shape="rect" coords="0,0,70,70" alt="图标" href="#"> <area shape="rect" coords="85,0,280,50" alt="PHP笔记" href="#"> <area shape="rect" coords="85,50,275,70" alt="www.php.cn" href="#"> </map> <h3>上面图片被分为3个区域</h3> </body> </body> </html>
Hinweis: Das usemap-Attribut in a1f02c36ba31691bcfe87b2722de723b kann auf das id- oder name-Attribut in dab9f699790ab0922e596ecb9f6677d5 verweisen, daher benötigen wir Um beides zu verwenden, fügen Sie zwei Attribute, ID und Name, zu dab9f699790ab0922e596ecb9f6677d5 hinzu.
Unterschiede zwischen HTML und XHTML
In HTML hat 03fc64e1e502d5ba947b3a9af06d2d2a kein schließendes Tag.
In XHTML muss 03fc64e1e502d5ba947b3a9af06d2d2a ordnungsgemäß geschlossen werden.
[Verwandte Empfehlungen]
Wozu dient der HTML5-Quelltyp? Detaillierte Einführung in das HTML5-Quell-Tag
Welche Rolle spielt das Skript-Tag in HTML? Wozu dient das Typattribut im Skript-Tag?
Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML-Area-Tag? Detaillierte Erläuterung der Verwendung des HTML-Area-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!