Verwendung von HTML-Map-Tags

Ich habe heute eine Marketingkampagne auf JD.com gesehen. Die schwebende Navigation auf der linken Seite wurde mit dem Karten-Tag in HTML geschrieben, daher dieser Artikel.

Die im Bild oben gezeigten Großgeräte

<p class="content">
	<img src="https://img.php.cn/upload/article/000/000/007/036cb8017291b49666f84f83d250e50f-0.png" usemap="#Mapslide" alt="Verwendung von HTML-Map-Tags" />
	<map name="Mapslide" id="Mapslide">
		<area shape="rect" coords="0,66,64,90" href="http://www.5itbao.cn" target="_blank" clstag="sale|keycount|8295365|1" />
	</map>
</p>

Übrigens habe ich einige relevante Informationen extrahiert:

HTML

Bildkarte mit anklickbarem Bereich;

Alle gängigen Browser unterstützen das

Definition und Verwendung

Definieren Sie eine Client-Image-Map. Image-Map bezieht sich auf ein Bild mit anklickbaren Bereichen.

Tipps und Hinweise:

Hinweis: Bereichselemente werden immer in Kartenelementen verschachtelt. Das Flächenelement definiert einen Bereich in der Bildkarte.

Hinweis: Das usemap -Attribut in kann auf das id- oder name-Attribut in

Unterschiede zwischen HTML und XHTML

In HTML hat kein schließendes Tag.

In XHTML muss ordnungsgemäß geschlossen werden.

Bereich 属性

Koordinaten

Hintergrundfarbe

定义可点击区域（对鼠标敏感的区域）的坐标.

href

URL

属性	值	描述
coords	坐标值	定义可点击区域（对鼠标敏感的区域）的坐标。
href	URL	定义此区域的目标 URL。
nohref	nohref	从图像映射排除某个区域。
shape	default rect circ poly	定义区域的形状。
target	_blank _parent _self _top	规定在何处打开 href 属性指

Die URL Ihres Browsers anzeigen

nohref

nohref

Form

• Standard

rect

• circ

• poly

td>

Sie können die Hintergrundfarbe Ihres Computers ändern.

Ziel

• _blank

_parent

• _self

• _top

td>

HTML-DOM-Bereichsobjekt

Bereich Objekt

Area-Objekt stellt einen Bereich der Bildzuordnung dar (Bildzuordnung bezieht sich auf ein Bild mit einem anklickbaren Bereich)

In einem HTML-Dokument wird jedes Mal, wenn das Tag erscheint, Erstellen Sie ein Area-Objekt.

Eigenschaften des Flächenobjekts

Eigenschaft	Beschreibung
accessKey	Einstellungen Oder geben Sie die Tastenkombinationen für den Zugriff auf einen Bereich zurück.
alt	Legt den Alternativtext fest oder gibt ihn zurück, wenn der Browser einen bestimmten Bereich nicht anzeigen kann.
Koordinaten	Legen Sie die Koordinaten des anklickbaren Bereichs in der Bildkarte fest oder geben Sie sie zurück.
Hash	Legt den Ankerteil einer URL in einer Zone fest oder gibt ihn zurück.
Host	Legt den Hostnamen und den Port einer URL in einer Zone fest oder gibt sie zurück.
href	Legen Sie die URL des Links in der Imagemap fest oder geben Sie sie zurück.
id	Legen Sie die ID eines bestimmten Bereichs fest oder geben Sie sie zurück.
noHref	Legt fest oder gibt zurück, ob eine Region aktiv oder inaktiv sein soll.
Pfadname	Legt den Pfadnamen einer URL in einer Zone fest oder gibt ihn zurück.
Protokoll	Legt das Protokoll für URLs in einer Zone fest oder gibt es zurück.
Suche	Legt den Abfrage-String--Teil einer URL in einer Region fest oder gibt ihn zurück.
Form	Legen Sie die Form eines Bereichs in der Bildkarte fest oder geben Sie sie zurück.
tabIndex	Legen Sie die Steuerreihenfolge der Tabulatortasten für einen bestimmten Bereich fest oder geben Sie sie zurück.
Ziel	Legt fest oder gibt zurück, wo die Link-URL in der Zone geöffnet werden soll.

Standardeigenschaften

Attribute	Beschreibung

属性	描述
className	设置或返回元素的 class 属性。
dir	设置或返回文本的方向。
lang	设置或返回元素的语言代码。
title	设置或返回元素的 title。

classNameLegt das Klassenattribut des Elements fest oder gibt es zurück. dirLegen Sie die Richtung des Textes fest oder geben Sie sie zurück. langLegen Sie den Sprachcode des Elements fest oder geben Sie ihn zurück. TitelLegen Sie den Titel des Elements fest oder geben Sie ihn zurück.

Das obige ist der detaillierte Inhalt vonVerwendung von HTML-Map-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!