Maison > Article > interface Web > Que signifie la balise de zone HTML ? Explication détaillée de l'utilisation de la balise de zone HTML

Que signifie la balise de zone HTML ? Explication détaillée de l'utilisation de la balise de zone HTML

寻∝梦original: 2018-08-17 17:37:124599parcourir

Que signifie la balise de zone HTML ? Que savez-vous de l’utilisation de la balise de zone HTML ? Cet article vous présentera la définition et les cas d'utilisation de la balise de zone html, ainsi qu'une introduction aux attributs de la balise de zone html (avec des exemples)

La définition et l'utilisation du html balise de zone :

03fc64e1e502d5ba947b3a9af06d2d2a la balise définit la zone dans la carte d'image (remarque : la carte d'image fait référence à une image avec une zone cliquable).

les éléments de zone sont toujours imbriqués dans les balises dab9f699790ab0922e596ecb9f6677d5

Remarque : L'attribut usemap dans la balise a1f02c36ba31691bcfe87b2722de723b est associé à l'attribut name de l'élément map, créant une connexion entre l'image et la carte.

Exemple de balise HTML03fc64e1e502d5ba947b3a9af06d2d2a :

Carte d'image avec zone cliquable :

<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

alt : Texte alternatif pour la zone.
coords : Les coordonnées de la zone.
href : L'url cible de la zone.
hreflang : La langue de l'url cible, un nouvel attribut en html5.
média : pour quel média/appareil l'URL cible est optimisée, un nouvel attribut en HTML5.
nohref : Il n'y a pas de zone de liens associés, html5 ne la prend pas en charge.
rel : La relation entre le document actuel et l'url cible, un nouvel attribut en HTML5.
forme : la forme de la zone.
target : Où ouvrir l'URL cible.
type : type MIME de l'url cible, un nouvel attribut en html5.

Format :

1502586abf3d45a43c2573485c3ac555

Exemple de balise HTML03fc64e1e502d5ba947b3a9af06d2d2a :

<!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>

Remarque : L'attribut usemap dans a1f02c36ba31691bcfe87b2722de723b peut faire référence à l'attribut id ou name dans dab9f699790ab0922e596ecb9f6677d5 nous Il est nécessaire d'ajouter deux attributs, id et name, à dab9f699790ab0922e596ecb9f6677d5

Différences entre HTML et XHTML

En HTML, 03fc64e1e502d5ba947b3a9af06d2d2a

En XHTML, 03fc64e1e502d5ba947b3a9af06d2d2a doit être correctement fermé.

[Recommandations associées]

A quoi sert le type de source html5 ? Introduction détaillée de la balise source html5

Quel est le rôle de la balise de script en HTML ? Quelle est l’utilisation de l’attribut type dans la balise de script ?

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est la fonction de la balise de titre HTML ? Introduction détaillée à la balise de titre HTMLArticle suivant：Quelle est la fonction de la balise de titre HTML ? Introduction détaillée à la balise de titre HTML

Articles Liés

Voir plus