Que signifie la balise de zone HTML ? Explication détaillée de l'utilisation de la balise de zone HTML-tutoriel HTML-php.cn

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

寻∝梦

Libérer： 2018-08-17 17:37:12

original

4670 Les gens l'ont consulté

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 :

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

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

Exemple de balise HTML :

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>

Copier après la connexion

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 :

Exemple de balise HTML :

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html< area>标签_PHP笔记</title>
</head>
<body>
<img src="//m.sbmmt.com/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="m.sbmmt.com" href="#">
</map>
<h3>上面图片被分为3个区域</h3>
</body>
</body>
</html>

Copier après la connexion

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

Différences entre HTML et XHTML

En HTML,

En XHTML, 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!