English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
href属性指定该区域的超链接目标，如果href属性不存在，则 标签不是超链接，在 HTML5 Dans HTML, la balise <area> n'utilise plus l'attribut href, utilisez placeholder pour spécifier le lien.
带有可点击区域的图像映射：
HTML:<area> href 属性 - 基础教程网 oldtoolbag.com</title> <body> <p>Cliquez sur le soleil ou l'une des planêtes pour l'observer de plus près</p> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,"82,126" href="sun.html" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.html" alt="Venus"> </map> </body> </html></pre><a target="_blank" href="/run/134640.html" class="btn btn-success btn-run">Voyons si ‹/›</a></div><h2>Compatibilité du navigateur</h2><p><kbd class="in-ct-yes">IE</kbd><kbd class="in-ct-yes">Firefox</kbd><kbd class="in-ct-yes">Opera</kbd><kbd class="in-ct-yes">Chrome</kbd><kbd class="in-ct-yes">Safari</kbd></p><p>Tous les navigateurs populaires prennent en charge l'attribut href.</p><h2>Définition et utilisation</h2><p>L'attribut href spécifie l'objectif du lien dans la zone.</p><p>Si l'attribut href n'est pas utilisé, la balise <area> n'est pas un lien.</p><h2>HTML 4.01 et HTML5Les différences entre</h2><p>Dans HTML5 Dans HTML, la balise <area> n'utilise plus l'attribut href, utilisez placeholder pour spécifier le lien.</p><h2>Syntaxe</h2><blockquote><area href="<em>URL"</em>></blockquote><h2>Valeur de l'attribut</h2><table class="table table-bordered table-striped table-black"><tbody><tr class="firstRow"><th width="20%">Valeur</th><th>Description</th></tr><tr><td><em>URL</em></td><td><p>URL du lien. Les valeurs possibles :</p><ul class=" list-paddingleft-2"><li><p>URL absolu - Pointe vers un autre site (par exemple href="http://www.example.com/sun.htm")</p></li><li><p>URL relative - Pointe vers un fichier dans le site (href="sun.htm")</p></li><li><p>URL d'ancre - Pointe vers une ancre dans la page (href="#sun")</p></li></ul></td></tr></tbody></table><p><a href="tag-area.html"><span class="glyphicon glyphicon-folder-open w3codebox-reback-icon"></span> HTML <area> balise</a></p></div><div class="col-md-12 mb10 bg-ef"><a class="fl pre-xs-show-left" href="/tags/tag-template.html">HTML: <template> balise</a></div> </div> <div class="col-md-2 col-md-right"> <div class="panel panel-default"> </div> <div class="panel panel-default"> </div> </div> </div> </div> <script src="/static/script/bootstrap.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/static/script/hljs/styles/vs.css"> <script src="/static/script/hljs/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); $(document).ready(function(){ $(".menu-icon").click(function(){ $(".col-md-left").toggle(); event=arguments.callee.caller.arguments[0] || window.event; event.stopPropagation(); }); if($(".col-md-left").css("display")=="none"){ $("html,body").click(function(){ $(".col-md-left").hide(); }); } });</script> <div class="copyright" id="footer"><div class="container"><div class="row"><div class="col-sm-12"><span>Copyright ©2025 <a href="https://fr.oldtoolbag.com">Tutoriel de base</a> oldtoolbag.com</span></div></div></div></div><a class="gotop" href="#top" title="Retour en haut de page" style="display: none;"><span class="arrow"></span><span class="arrow lit"></span></a> <a class="gotop" href="#top" title="Retour en haut de page" style="display: none;"><span class="arrow"></span><span class="arrow lit"></span></a> <script src="/myjs/tongji.js"></script> </body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="305a661181e844436290fead-|49" defer></script>