Utilisation des balises HTML Map

Aujourd'hui, j'ai vu une campagne marketing de JD.com. La gauche flottante navigation a été écrite en utilisant la balise map en HTML, d'où cet article.

Les gros appareils électroménagers présentés dans l'image ci-dessus

<p class="content">
	<img src="https://img.php.cn/upload/article/000/000/007/036cb8017291b49666f84f83d250e50f-0.png" usemap="#Mapslide" alt="Utilisation des balises HTML Map" />
	<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>

Au fait, j'ai extrait quelques informations pertinentes :

Balise HTML

Carte d'image avec zone cliquable ;

Tous les principaux navigateurs prennent en charge la balise

Définition et utilisation

Définir une image cliquable client. La carte-image fait référence à une image avec des zones cliquables.

Conseils et Notes :

Remarque : les éléments de zone sont toujours imbriqués à l'intérieur des éléments de la carte. L'élément zone définit une zone dans la zone cliquable.

Remarque : L'attribut usemap dans peut référencer l'attribut id ou name dans

Différences entre HTML et XHTML

En HTML,

En XHTML, doit être correctement fermé.

zone 属性

属性

 描述

coords

坐标值

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

href

URL

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

URL de l'URL du site Web

nohref

nohref

从图像映射排除某个区域。

forme

• par défaut

rect

• circ

• poly

td>

定义区域的形状。

cible

• _blank

_parent

• _self

• _top

td>

规定在何处打开 href 属性指

Objet de zone HTML DOM

Zone Objet

L'objet Zone représente une zone de mappage d'image (le mappage d'image fait référence à une image avec une zone cliquable)

Dans un document HTML, à chaque fois que la balise Créez un objet Zone.

Propriétés de l'objet Zone

Propriétés	Description
accessKey	Paramètres Ou renvoie les touches de raccourci pour accéder à une zone.
alt	Définissez ou renvoyez le texte alternatif lorsque le navigateur ne peut pas afficher une certaine zone.
coords	Définissez ou renvoyez les coordonnées de la zone cliquable dans la carte d'image.
hash	Définit ou renvoie la partie d'ancrage d'une URL dans une zone.
host	Définit ou renvoie le nom d'hôte et le port d'une URL dans une zone.
href	Définissez ou renvoyez l'URL du lien dans la zone cliquable.
id	Définir ou renvoyer l'identifiant d'une certaine zone.
noHref	Définit ou renvoie si une région doit être active ou inactive.
pathname	Définit ou renvoie le chemin d'accès d'une URL dans une zone.
protocole	Définit ou renvoie le protocole pour les URL dans une zone.
recherche	Définit ou renvoie la partie de requête chaîne d'une URL dans une région.
forme	Définir ou renvoyer la forme d'une zone dans la carte d'image.
tabIndex	Définir ou renvoyer l'ordre de contrôle des touches de tabulation d'une certaine zone.
cible	Définit ou renvoie où ouvrir l'URL du lien dans la zone.

Propriétés standard

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

classNameDéfinit ou renvoie l'attribut de classe de l'élément. dirDéfinit ou renvoie la direction du texte. langDéfinir ou renvoyer le code de langue de l'élément. titreDéfinir ou renvoyer le titre de l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!