Qu'est-ce que la balise méta en HTML ? Introduction aux attributs de la balise méta-tutoriel HTML-php.cn

Ce chapitre vous présentera qu'est-ce que la balise méta en html ? Introduction aux propriétés des balises méta. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Qu'est-ce qu'une balise méta ?

La balise méta est une balise clé dans la zone d'en-tête de la balise HTML. Elle est située entre les balises

ne sont pas compris entre et ). Les informations qu'il fournit, bien que non visibles par l'utilisateur, constituent les méta-informations les plus élémentaires du document. La balise méta est utilisée pour décrire les attributs d'un document Web HTML, tels que l'auteur, la date et l'heure, la description de la page Web, les mots-clés, l'actualisation de la page, etc. <p>Remarque : les méta-informations sont des informations sur les informations. Les méta-informations permettent au serveur de fournir des informations sur les données envoyées. Par exemple, http peut améliorer le langage objet et les objets envoyés peuvent également être utilisés pour implémenter des conditions. demandes et transaction de rapport terminées. Le navigateur qui reçoit les données peut déterminer quel contenu est envoyé par le serveur sur la base des métainformations, quelles données sont attendues, si des données complètes sont reçues et s'il y a des erreurs dans le processus, afin que le client puisse connaître le type de données transmises. objet. </p> <p><span style="font-size: 18px;"><strong>Quels sont les attributs de la balise méta ? </strong></span></p> <p> <img src="https://img.php.cn//upload/image/402/350/428/1536659975962189.jpg" title="1536659975962189.jpg" alt="Quest-ce que la balise méta en HTML ? Introduction aux attributs de la balise méta"></p> <p><strong> Détails de la propriété : </strong></p> <p>1. http-equiv</p> <p> est équivalent à http La fonction de l'en-tête du fichier est qu'il peut renvoyer des informations utiles au navigateur pour aider le navigateur à afficher correctement le contenu de la page Web. </p> <p> Syntaxe : <meta http-equiv="parameter" content="parameter value"></p> <p>Paramètre : </p> <p>1) content-Type (définir le caractère d'utilisation de la page set) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre><div class="contentsignin">Copier après la connexion</div></div><p>http-equiv=Content-Type représente le protocole d'en-tête HTTP, qui demande au navigateur des informations sur la page Web. Les paramètres d'information du jeu de caractères de la </p><p>méta. tag sont les suivants Lorsque GB2312 est utilisé, cela signifie que l'encodage utilisé par le site Web est le chinois simplifié ; lorsque le paramètre d'informations sur le jeu de caractères de la balise méta </p><p> est comme BIG5, cela signifie que l'encodage utilisé par le site Web est le chinois simplifié. est du chinois traditionnel ; </p><p>balise méta Lorsque le paramètre d'informations sur le jeu de caractères est tel que iso-2022-jp, cela signifie que l'encodage utilisé par le site Web est japonais lorsque le paramètre d'informations sur le jeu de caractères </p><🎜 ; >La balise méta est telle que ks_c_5601, cela signifie que l'encodage utilisé par le site Web est coréen <p></p>Lorsque le paramètre d'informations sur le jeu de caractères de la balise méta est tel que ISO-8859-1, cela signifie que l'encodage utilisé est coréen. par le site Web est l'anglais ; lorsque le paramètre d'informations sur le jeu de caractères de la balise méta <p></p> est tel que UTF-8, représente le codage de langue universel au monde <p></p>2) content-Language (paramètre de langue d'affichage) ; <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Content-Language" content="zh-cn"/></pre><div class="contentsignin">Copier après la connexion</div></div>3) Expire (période, qui peut être utilisée pour définir le délai d'expiration de la page Web) . Une fois la page Web expirée, elle doit être retransmise au serveur) <p></p>. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre><div class="contentsignin">Copier après la connexion</div></div>Remarque : le format d'heure GMT doit être utilisé. <p></p>4) Pragma (mode cache, interdit au navigateur d'accéder au contenu de la page depuis le cache de l'ordinateur local) <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Pragma" content="no-cache"></pre><div class="contentsignin">Copier après la connexion</div></div>Remarque : Avec ce paramètre, les visiteurs ne pourront pas naviguer hors ligne. <p></p>5) contrôle du cache (paramètres du cache) <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="cache-control" content="no-cache"></pre><div class="contentsignin">Copier après la connexion</div></div>Les instructions de cache lors de la demande incluent no-cache, no-store, max-age, max-stale, min-fresh, uniquement si elles sont mises en cache, les instructions contenues dans le message de réponse incluent public, private, no-cache, no-store, no-transform, must-revalidate, proxy-revalidate et max-age. La signification des instructions dans chaque message est la suivante : <p></p>Public indique que la réponse peut être mise en cache par n'importe quel cache. <p></p>Privé indique que la totalité ou une partie du message de réponse pour un seul utilisateur ne peut pas être traité par le cache partagé. Cela permet au serveur de décrire uniquement lorsque le message de réponse partielle d'un utilisateur n'est pas valide pour les demandes d'autres utilisateurs. <p></p>no-cache indique que la demande ou le message de réponse ne peut pas être mis en cache <p></p>no-store n'est utilisé pour éviter que des informations importantes ne soient divulguées involontairement. L'envoyer dans le message de demande entraînera l'utilisation de la mise en cache par les messages de demande et de réponse. <p></p>max-age indique que le client peut recevoir des réponses avec une durée de vie ne dépassant pas le temps spécifié en secondes <p></p>min-fresh indique que le client peut recevoir des réponses avec une durée de vie inférieure à la durée de vie actuelle time plus le temps de réponse spécifié <p></p>max-stale indique que le client peut recevoir des messages de réponse au-delà du délai d'attente. Si vous spécifiez une valeur pour les messages périmés au maximum, le client peut recevoir des messages de réponse qui dépassent la valeur spécifiée du délai d'expiration. <p></p>6) Actualiser (actualiser automatiquement et pointer vers une nouvelle page) <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</pre><div class="contentsignin">Copier après la connexion</div></div>Remarque : Le 2 fait référence à l'actualisation automatique de l'URL après être resté pendant 2 secondes. <p></p>7) Fenêtre-cible (forcer la page à s'afficher comme une page indépendante dans la fenêtre actuelle) <p><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Window-target" content="_top"></pre><div class="contentsignin">Copier après la connexion</div></div>Remarque : Utilisé pour empêcher les autres d'appeler votre propre page dans le cadre. <p></p>8) set-cookie (paramètre du cookie, si la page Web expire, le cookie enregistré sera supprimé) <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/"></pre><div class="contentsignin">Copier après la connexion</div></div> Il est généralement obligatoire que le navigateur ne définisse pas de cache et récupère la page du serveur La méthode suivante sera utilisée : <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre><div class="contentsignin">Copier après la connexion</div></div><p>2. Attribut de nom <strong></strong></p> L'attribut de nom est principalement utilisé pour décrire le Web. page, et la valeur d'attribut correspondante est content, dans content Le contenu est principalement utilisé par les robots des moteurs de recherche pour trouver et classer des informations. <p></p> Syntaxe : <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="参数" content="具体的参数值"></pre><div class="contentsignin">Copier après la connexion</div></div>Mots-clés (mots-clés) <p></p> Description : les mots-clés sont utilisés pour indiquer aux moteurs de recherche quels sont les mots-clés de votre page Web. <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content=""></pre><div class="contentsignin">Copier après la connexion</div></div><p>description(网站内容描述)</p><p>说明：description用来告诉搜索引擎你的网站主要内容。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="description" content=""></pre><div class="contentsignin">Copier après la connexion</div></div><p>robots(机器人向导)</p><p>说明：Meta robots标签管理着搜索引擎是否可以进入网页，你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="robots" content="none"></pre><div class="contentsignin">Copier après la connexion</div></div><p>具体参数如下：</p><p>信息参数为all：文件将被检索，且页面上的链接可以被查询；</p><p>信息参数为none：文件将不被检索，且页面上的链接不可以被查询；</p><p>信息参数为index：文件将被检索；</p><p>信息参数为follow：页面上的链接可以被查询；</p><p>信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；</p><p>信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；</p><p>author(作者)</p><p>说明：标注网页的作者</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="author" content="jesse131work@163.com"></pre><div class="contentsignin">Copier après la connexion</div></div><p>generator</p><p>说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="generator" content="信息参数"/></pre><div class="contentsignin">Copier après la connexion</div></div><p>copyright</p><p>　　说明：meta标签的copyright的信息参数，代表说明网站版权信息。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="copyright" content="信息参数"></pre><div class="contentsignin">Copier après la connexion</div></div><p>revisit-after</p><p>　　说明：revisit-after代表网站重访,7days代表7天，依此类推，假如我设置，那这样搜索引擎就是7天来一次。使用这个标签的网站，通常是因为网站数据量非常大，被搜索引擎过于频繁的抓取，会占用过大的资源，影响网站的访问。所以，希望搜索引擎不要天天过来，抓取过一次了，那么等7天后再来。一般的网站是不需要这个标签的。</p><p><meta name="revisit-after" content="7days"></p><p>view-point</p><p>　　说明：主要影响移动页面布局</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre><div class="contentsignin">Copier après la connexion</div></div><p>content 参数：</p><p>width viewport 宽度(数值/device-width)</p><p>height viewport 高度(数值/device-height)</p><p>initial-scale 初始缩放比例</p><p>maximum-scale 最大缩放比例</p><p>minimum-scale 最小缩放比例</p><p>user-scalable 是否允许用户缩放(yes/no)</p><p><strong>3.content属性</strong></p><p> content属性一般与name和http-equiv属性一起用，视它们的值而定。</p><p><strong>4.charset属性</strong></p><p>charset属性，是html5的属性，可替换<metahttp-equiv="content-Type" content="text/html;charset=gb2312">设置为<meta charset="utf-8"></p><p>设置meta属性的作用是什么？</p><p> meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签可用于缓存设置，还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好（Search Engine Friendly），从而更容易被搜索引擎收录及优先排序从属于SEM（搜索引擎营销）。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和goog的排名提高，让搜索引擎给你带来客户。</p><p> seo优化常用语句如下</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"> <title>your title</title>  <meta name="keywords" content="your keywords">  <meta name="description" content="your description">  <meta name="author" content="author,email address">  <meta name="robots" content="index,follow"></pre><div class="contentsignin">Copier après la connexion</div></div>

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!