Maison >interface Web >tutoriel HTML >Qu'est-ce que la balise head ? Introduction à la balise head en HTML

Qu'est-ce que la balise head ? Introduction à la balise head en HTML

不言
不言original
2018-08-13 17:50:004368parcourir

Le contenu de cet article porte sur ce qu'est la balise head ? L'introduction de la balise head en HTML a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.

Qu'est-ce que la balise head

La balise head est le contenu de l'élément Contrairement au contenu de l'élément , qui peut être affiché dans le navigateur, le contenu de l'en-tête ne sera pas affiché dans le navigateur. Sa fonction est de contenir certaines métadonnées de la page. Dans l’exemple ci-dessous, head a très peu de contenu.

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>
  • Les métadonnées sont les données qui décrivent les données

titre

L'élément utilisé des métadonnées qui représentent le contenu approximatif de l'ensemble du document HTML (et non le contenu du document.) L'élément <br> <title> est également utilisé d'autres manières. Par exemple, si vous essayez de mettre une page dans vos favoris (Bookmarks. > Ajouter cette page aux favoris, dans Firefox), vous verrez le contenu de <title> comme signet suggéré </p> <h2>Métadonnées<meta></h2> <p>Les métadonnées sont les données de description, et HTML dispose d'un moyen "officiel" pour ajouter des métadonnées à un document : l'élément <meta>. Bien entendu, les autres éléments mentionnés dans cet article peuvent également être considérés comme des métadonnées. Il existe de nombreux types d'éléments <meta> qui peuvent être inclus dans l'élément <head> de votre page, mais nous n'essaierons pas de tous les expliquer pour l'instant, car cela ne ferait que prêter à confusion. </p> <pre class="brush:php;toolbar:false"><meta charset="utf-8"></pre> <ul class=" list-paddingleft-2"><li><p>Cet élément spécifie simplement le codage des caractères du document - le jeu de caractères dont l'utilisation est autorisée dans ce document. utf-8<br> est un jeu de caractères universel qui contient la plupart des caractères de n'importe quelle langue humaine. Cela signifie que vos pages Web peuvent être affichées dans n'importe quelle langue ; de nombreux éléments <meta><br> contiennent des attributs de nom et de contenu. L'attribut </p></li></ul> <p>name spécifie le type d'élément méta ; Décrit le type d'informations que contient cet élément. <br>content spécifie le contenu réel des métadonnées. <br>Ces deux éléments méta sont utiles pour définir l'auteur de votre page et fournir une description du contenu de la page. </p> <pre class="brush:php;toolbar:false"><meta name="author" content="Chris Mills"> <meta name="description" content="The MDN Learning Area aims to provide complete beginners to the Web with all they need to know to get started with developing web sites and applications."></pre> <ul class=" list-paddingleft-2"><li><p>Spécifier les auteurs peut être utile dans certaines situations : si vous devez contacter l'auteur d'une page pour lui poser des questions sur le contenu de la page. <br> Certains systèmes de gestion de contenu peuvent obtenir automatiquement les informations de l'auteur de la page et ensuite les utiliser à certaines fins. <br> Il est utile de spécifier une description du contenu de la page qui contient des mots-clés sur le contenu de la page, car cela peut faire apparaître votre page plus dans les recherches pertinentes des moteurs de recherche (ces actions sont appelées <br> Search Engine Optimization, ou SEO .)</p></li></ul> <h2>Ajoutez des icônes personnalisées à votre site</h2> <pre class="brush:php;toolbar:false"><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></pre> <h2>Appliquez CSS et JavaScript au HTML</h2> <pre class="brush:php;toolbar:false"><link rel="stylesheet" href="my-css-file.css"></pre> <ul class=" list-paddingleft-2"><li><p> L'élément <link> est souvent situé en tête du document. Il possède deux attributs, rel="stylesheet", indiquant qu'il s'agit de la feuille de style du document, et <br> href, qui contient le chemin d'accès au style. fichier feuille. La section </p></li></ul> <pre class="brush:php;toolbar:false"><script src="my-js-file.js"></script></pre> <ul class=" list-paddingleft-2"><li><p><script> ne doit pas nécessairement être en haut du document, placez-la en fait à la fin du document ; (après le < /body> avant la balise) est un meilleur choix <br> pour garantir que le navigateur a analysé le contenu HTML avant de charger le script (si le script charge un élément inexistant, le navigateur signalera une erreur ). </p></li></ul> <h2>Définir la langue principale du document </h2> <pre class="brush:php;toolbar:false"><html lang="en-US"></pre> <ul class=" list-paddingleft-2"><li><p>Ceci est utile à bien des égards. Votre document HTML sera indexé plus efficacement par les moteurs de recherche <br> si sa langue est correctement définie (par exemple, lui permettant de s'afficher correctement dans les résultats spécifiques à une langue), pour ceux qui utilisent des lecteurs d'écran. Également utile pour les personnes malvoyantes (par exemple, <br> Le mot « six » se retrouve aussi bien en français qu'en anglais, mais la prononciation est complètement différente). </p></li></ul> <p class="post-topheader custom- pt0">Recommandations associées : </p> <p class="post-topheader custom- pt0"><a href="http://www.php.cn/html5-tutorial-407893.html" target="_blank" title="Html5中video标签的用法:如何自动填充满父div标签">Utilisation de la balise vidéo en HTML5 : Comment remplir automatiquement la balise div parent </a></p> <p class="post-topheader custom- pt0"><a href="http://www.php.cn/div-tutorial-408203.html" target="_blank" title="html提交按钮标签代码是什么,怎么使用?(示例)"> Qu'est-ce que le code du libellé du bouton de soumission HTML et comment l'utiliser ? (Exemple) </a></p> <p class="post-topheader custom- pt0"><a href="http://www.php.cn/div-tutorial-408104.html" target="_blank" title="html页面中友情链接怎么进行添加设置?(代码示例)">Comment ajouter des liens conviviaux dans la page html ? (exemple de code) </a></p><p>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!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration:</span><div>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</div></div></div><div class="nphpSytBox"><span>Article précédent:<a class="dBlack" title="Qu'est-ce que le code de l'étiquette du bouton de soumission HTML et comment l'utiliser ? (exemple)" href="https://m.php.cn/fr/faq/408203.html">Qu'est-ce que le code de l'étiquette du bouton de soumission HTML et comment l'utiliser ? (exemple)</a></span><span>Article suivant:<a class="dBlack" title="Qu'est-ce que le code de l'étiquette du bouton de soumission HTML et comment l'utiliser ? (exemple)" href="https://m.php.cn/fr/faq/408215.html">Qu'est-ce que le code de l'étiquette du bouton de soumission HTML et comment l'utiliser ? (exemple)</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>