Maison >interface Web >tutoriel HTML >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:124735parcourir
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
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!