Maison  >  Article  >  interface Web  >  Introduction à la page HTML Meta (1)

Introduction à la page HTML Meta (1)

巴扎黑
巴扎黑original
2017-04-05 09:56:221485parcourir

Aussi merveilleux que soit votre site Web personnel, il est comme un petit bateau dans la vaste mer du cyberespace et n'est pas facile à découvrir. Comment promouvoir votre site Web personnel, les premières méthodes auxquelles les gens pensent ne sont rien de plus. que le suivant :

● Connectez-vous à votre site personnel dans le moteur de recherche

● Ajoutez un lien vers votre site Web personnel sur un site Web connu

● Postez un message dans le forum pour promouvoir votre site Web personnel

Beaucoup de gens ignorent l'effet puissant de la balise HTML META. Une bonne conception de balise META peut considérablement augmenter les chances de recherche sur votre site Web personnel. Êtes-vous intéressé ? La balise META est une balise auxiliaire de la zone HEAD du langage HTML. Elle se situe entre la balise et la balise . La balise méta est généralement utilisée pour définir le thème de la page pour les robots des moteurs de recherche, ou pour définir des cookies sur le navigateur de l'utilisateur ; elle peut être utilisée pour identifier l'auteur, définir le format de la page, marquer le résumé du contenu et les mots-clés ; la page afin qu'elle puisse être basée sur Vous définissez des intervalles de temps pour vous rafraîchir, ainsi que des niveaux de contenu RASC, etc. </p> <p> La balise META est divisée en deux parties : les informations d'en-tête HTTP (HTTP-EQUIV) et les informations de description de page (NAME). </p> <h2> <span style="color: #b22222">★HTTP-EQUIV</span> </h2> <p> HTTP-EQUIV est similaire au protocole d'en-tête HTTP. Il répond au navigateur avec des informations utiles pour aider à afficher le contenu de la page Web correctement et avec précision. Les types HTTP-EQUIV couramment utilisés sont : </p> <p> <span style="color: #b22222">1. Content-Type et Content-Language (afficher les paramètres du jeu de caractères)</span></p> <p> Description : définissez le jeu de caractères utilisé par la page pour décrire le texte et la langue utilisés dans la création de la page d'accueil. Le navigateur appellera le jeu de caractères correspondant pour afficher le contenu de la page en fonction de cela. </p> <p> Utilisation :<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"></p> <p> ​​<Meta http-equiv="Content-Language" Content="zh-CN"></p> <p> Remarque : La balise META définit le jeu de caractères utilisé par la page HTML comme GB2132, qui est le code de caractères chinois standard national. Si "charset=GB2312" est remplacé par "BIG5", le jeu de caractères utilisé sur cette page est le code Big5 du chinois traditionnel. Lorsque vous parcourez certains sites étrangers, le navigateur IE vous demandera que vous devez télécharger la prise en charge de xx langues pour afficher correctement la page. Cette fonction consiste à savoir quel jeu de caractères doit être utilisé pour afficher la page en lisant l'attribut Content-Type de la balise META de la page HTML. Si le jeu de caractères correspondant n'est pas installé dans le système, IE vous demandera de le télécharger. D'autres langues correspondent également à des jeux de caractères différents. Par exemple, le jeu de caractères japonais est "iso-2022-jp" et le jeu de caractères coréen est "ks_c_5601". <br> Le contenu de Content-Type peut également être : text/xml et autres types de documents </p> <p> ; Options de jeu de caractères : ISO-8859-1 (anglais), BIG5, UTF-8, SHIFT-Jis, Euc, Koi8-2, us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2, etc. Jeu de caractères ; le contenu du contenu-langue peut également être : EN, FR et d'autres codes de langue. </p> <p> <span style="color: #b22222">2. Actualiser </span></p> <p> Description : combien de temps (en secondes) faut-il pour que la page Web s'actualise d'elle-même, ou combien de temps faut-il pour que la page Web soit automatiquement liée à d'autres pages Web. <br> Utilisation :<Meta http-equiv="Refresh" Content="30"><br> <Meta http-equiv="Actualiser" Content="5; Url=http://www.xia8.net"><br> Remarque : Le 5 signifie qu'il sera automatiquement actualisé vers l'URL après un séjour de 5 secondes. </p> <p> <span style="color: #b22222">3. Expire</span></p> <p> Description : Spécifiez le délai d'expiration de la page Web dans le cache. Une fois la page Web expirée, elle doit être récupérée du serveur. </p> <p> Utilisation : <Meta http-equiv="Expire" Content="0"></p> <p> ​ <Meta http-equiv="Expire" Content="Mercredi 26 février 1997 08:21:57 GMT"></p> <p> Remarque : Vous devez utiliser le format d'heure GMT ou le définir directement sur 0 (le nombre indique après combien de temps il expirera). </p> <p> <span style="color: #b22222">4. Pragma (mode cache)</span></p> <p> Description : interdit au navigateur d'accéder au contenu de la page à partir du cache de la machine locale. </p> <p> Utilisation : <Meta http-equiv="Pragma" Content="No-cach"></p> <p> Remarque : les pages Web ne sont pas enregistrées dans le cache et sont actualisées à chaque visite. Avec ce paramètre, les visiteurs ne pourront pas naviguer hors ligne. </p> <p> <span style="color: #b22222">5. Set-Cookie (paramètre des cookies)</span></p> <p> Remarque : Lorsque le navigateur accède à une page, elle sera stockée dans le cache lors du prochain accès, elle pourra être lue à partir du cache pour améliorer la vitesse. Désactivez la mise en cache lorsque vous souhaitez que les visiteurs actualisent l'icône de votre annonce à chaque fois ou actualisent votre compteur à chaque fois. Il n'est généralement pas nécessaire de désactiver la mise en cache pour les fichiers HTML. Pour les pages telles que ASP, vous pouvez désactiver la mise en cache, car chaque page que vous voyez est générée dynamiquement sur le serveur et la mise en cache n'a aucun sens. Si la page Web expire, les cookies enregistrés seront supprimés. </p> <p> Utilisation :<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/"></p> <p> Remarque : le format d'heure GMT doit être utilisé. </p> <p> <span style="color: #b22222">6. Fenêtre-cible (paramètre de la fenêtre d'affichage)</span></p> <p> Description : Force l'affichage de la page comme une page indépendante dans la fenêtre courante. </p> <p> Utilisation : <Meta http-equiv="Widow-target" Content="_top"></p> <p> Remarque : Cet attribut est utilisé pour empêcher les autres d'appeler votre page dans le cadre. Options de contenu : _blank, _top, _self, _parent. </p> <p> <span style="color: #b22222">7. Pics-label (classement RSAC de la page Web)</span></p> <p> Remarque : Il existe un paramètre de contenu dans les options Internet d'IE qui peut empêcher la navigation sur certains sites Web restreints, et le niveau de restriction du site Web est défini via ce paramètre. </p> <p> Utilisation : <META http-equiv="Pics-label" Contact="(PICS-1.1'http://www.rsac.org/ratingsv01.html' Je gen commente 'RSACi North America Sever' par 'inet@microsoft .com' pour 'http://www.microsoft.com' sur '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"></p> <p> Remarque : Ne réglez pas le niveau trop haut. Le système d'évaluation du RSAC fournit une norme pour évaluer le contenu des sites Web. Les utilisateurs peuvent configurer Microsoft Internet Explorer (IE3.0 ou supérieur) pour exclure les sites contenant du contenu pornographique et violent. Le code HTML de l'exemple ci-dessus provient de la page d'accueil de Microsoft. (n 0 s 0 v 0 l 0) dans le code signifie que le site ne contient pas de contenu inapproprié. La notation est déterminée par le RSAC, l'agence de notation de l'American Entertainment Council. Si vous souhaitez en savoir plus sur le contenu du système de notation RSAC, ou si vous avez besoin d'évaluer votre propre site Web, vous pouvez visiter le site Web du RSAC : http. ://www.rsac.org/. </p> <p> <span style="color: #b22222">8. Page-Entrée, Page-Sortie (entrée et sortie)</span></p> <p> Description : Il s'agit d'effets spéciaux lorsque la page est chargée et appelée. </p> <p> Utilisation :<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><br> ​​<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"><br> Remarque : blendTrans est un type de filtre dynamique qui produit un effet de fondu. Un autre filtre dynamique, RevealTrans, peut également être utilisé pour les effets d'entrée et de sortie de page : </p> <p> <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"></p> <p> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"></p> <p> La durée représente la durée de l'effet du filtre (unité : secondes) </p> <p> Type de filtre de transition. Indique quel effet spécial utiliser, la valeur est 0-23. </p> <p> 0 Rétrécissement rectangulaire</p> <p> 1 Expansion rectangulaire</p> <p> Réduction 2 Cercles</p> <p> Expansion des 3 cercles</p> <p> 4 Actualiser de bas en haut</p> <p> 5 Actualiser de haut en bas</p> <p> 6 Actualiser de gauche à droite</p> <p> 7 Actualiser de droite à gauche</p> <p> 8 stores verticaux</p> <p> 9 Stores horizontaux</p> <p> 10 Stores horizontaux décalés</p> <p> 11 Stores verticaux décalés</p> <p> Écart de 12 points</p> <p> 13 Actualiser de gauche à droite jusqu'au milieu</p> <p> 14 Actualiser du centre vers la gauche et la droite </p> <p> 15 du milieu vers le haut et le bas</p> <p> 16 De haut en bas jusqu'au milieu</p> <p> 17 En bas à droite en haut à gauche</p> <p> 18 De haut en bas à droite en bas à gauche</p> <p> 19 De haut en bas à gauche en bas à droite</p> <p> 20 En bas à gauche vers en haut à droite</p> <p> 21 barres horizontales</p> <p> 22 barres verticales</p> <p> 23 Sélectionnez au hasard l'un des 22 types ci-dessus </p> <p> <span style="color: #b22222">9. MSThemeCompatible (thème XP)</span></p> <p> Description : s'il faut désactiver le thème XP dans IE</p> <p> Utilisation :<Meta http-equiv="MSThemeCompatible" Content="Oui"></p> <p> Remarque : désactivez le style d'affichage du système de boutons tridimensionnels bleus de XP, qui est très similaire à Win2K. </p> <p> <span style="color: #b22222">10, IE6 (Générateur de pages)</span></p> <p> Description : Le générateur de pages est ie6</p> <p> Utilisation : <Meta http-equiv="IE6" Content="Generator"></p> <p> Remarque : la composition dépend du fabricant de produits similaires. </p> <p> <span style="color: #b22222">11. Content-Script-Type (lié au script)</span></p> <p> Description : Il s'agit d'une spécification récente du W3C qui spécifie le type de script dans la page. </p> <p> Utilisation : <Meta http-equiv="Content-Script-Type" Content="text/javascript"><br><br></p> <p> </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="La différence entre ID et NAME en HTML" href="http://m.php.cn/fr/faq/360072.html">La différence entre ID et NAME en HTML</a></span><span>Article suivant:<a class="dBlack" title="La différence entre ID et NAME en HTML" href="http://m.php.cn/fr/faq/360077.html">La différence entre ID et NAME en HTML</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://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="http://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="http://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="http://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="http://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="http://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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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></html>