Ce qui suit vous apportera un résumé de l'utilisation des balises méta html (recommandé). L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour jeter un oeil
fonction de balise méta
La balise META est l'une des balises HTML HEAD Les balises clés de zone fournissent des informations de base telles que le jeu de caractères du document , la langue utilisée, l'auteur, etc., ainsi que les paramètres des mots-clés et des niveaux de page Web. Le rôle le plus important est d'activer la recherche . optimisation moteur (SEO).
PS : Il est pratique pour les robots du moteur de rechercheIndexde rechercher et de classer les applications Internet qui devraient y prêter attention.
Comment écrire sur les grands sites internet ?
Avant de comprendre cette balise, j'ai recherché leurs paramètres méta sur divers sites Web grand public, comme suit :
Paramètres méta sur la page d'accueil de JD.com :
XML/HTML CodeCopier le contenu dans le presse-papier
< ; méta charset="gbk">
<méta nom="description" contenu="Jingdong JD.COM - professionnel complet Le en ligne le centre commercial vend des dizaines de milliers de marques de produits de haute qualité tels que des appareils électroménagers, des communications numériques, des ordinateurs, des grands magasins ménagers, des vêtements, des produits maternels et infantiles, des livres, de la nourriture, etc. Des services pratiques et honnêtes vous offrent une expérience en ligne agréable. expérience de shopping!">
<méta nom= "Mots clés" content="Achats en ligne, centre commercial en ligne, téléphone mobile, ordinateur portable, ordinateur, MP3, CD, VCD, DV, appareil photo, numérique, accessoires, montre, carte mémoire, Jingdong">
Méta-paramètres sur la page d'accueil de Taobao :
XML /Code HTMLCopier le contenu dans le presse-papiers
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="spm-id" content="a21bo">
<meta name="description" content="淘宝网 - 亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 8亿优质特价商品，同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务，让你全面安心享受网上购物乐趣！">
<meta name="keyword" content="">
Copier après la connexion
Méta-paramètres sur la page d'accueil de youku :
Code XML/HTML Copiez le contenu dans le presse-papiers
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="title" content="优酷-中国领先视频网站,提供视频播放,视频发布,视频搜索 - 优酷视频" />
<meta name="keywords" content="视频,视频分享,视频搜索,视频播放,优酷视频" />
<meta name="description" content="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
Copier après la connexion
Paramètres méta de la page d'accueil de Douyu :
Code XML/HTMLCopier le contenu dans le presse-papiers
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="keywords" content="DOTA2,热门游戏直播,游戏直播,高清游戏直播,手机游戏直播,电子竞技直播" />
<meta name="description" content="斗鱼 - 全民直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务，包含DOTA2等各类热门游戏赛事直播和各种名家大神游戏直播，内容丰富，推送及时，带给你不一样的视听体验，一切尽在斗鱼 - 全民直播平台。" />
Copier après la connexion
Paramètres méta pour la page d'accueil de Tencent :
Code XML/HTMLCopier le contenu dans le presse-papiers
<meta charset="UTF-8">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="新闻 新闻中心 事实派 新闻频道,时事报道">
<meta name="description" content="腾讯新闻，事实派。新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站">
<meta name="author" content="skeetershi" />
Copier après la connexion
Méta-paramètres sur la page d'accueil de Qidian Novel.com :
Code XML/HTMLCopier le contenu dans le presse-papiers
<meta name="keywords" content="小说,小说网,言情小说,青春小说,玄幻小说,武侠小说,都市小说,历史小说,网络小说,原创网络文学" />
<meta name="description" content="小说阅读,精彩小说尽在起点小说。起点小说提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说最新章节免费小说阅读,精彩尽在起点小说！ver:071011热门小说:。" />
<meta http-equiv="Content-Type" id="meta_ContentType" content="text/html;charset=UTF-8" />
<meta name="robots" content="all" />
<meta name="googlebot" content="all" />
<meta name="baiduspider" content="all" />
<meta name="copyright" content="本页版权 www.qidian.com 起点中文网所有。All Rights Reserved" />
<meta http-equiv="mobile-agent" content="format=wml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=html5; url=http://h5.qidian.com/bookstore.html" />
<meta name="application-name" content="起点中文小说网" /
<meta name="msapplication-starturl" content="/Default.aspx?_s=ie9" />
<meta name="msapplication-tooltip" content="小说阅读_起点中文小说网|免费小说,玄幻小说,武侠小说,言情小说,青春小说,小说网各类小说下载" />
<meta name="msapplication-task" content="name=起点小游戏;action-uri=http://game.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/game.ico" />
<meta name="msapplication-task" content="name=藏书架;action-uri=http://me.qidian.com/BookCase/1/1?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/book.ico" />
<meta name="msapplication-task" content="name=读书客户端;action-uri=http://c.qidian.com/android/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/phone.ico" />
<meta name="msapplication-task" content="name=排行榜;action-uri=http://top.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/chart.ico" />
<meta name="msapplication-task" content="name=搜索;action-uri=http://sosu.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/search.ico" />
<meta property="qc:admins" content="204236767661141166375" />
Copier après la connexion
explication méta détaillée
la balise méta peut être divisée en deux parties : http-equiv et nomVariable.
http-equiv
http-equiv est équivalent à l'en-tête de fichier http. Il peut renvoyer des informations utiles au navigateur pour aider le navigateur à afficher correctement la page Web. contenu.
| valeur |
description |
exemple |
| type de contenu |
Définissez le jeu de caractères utilisé par la page |
Lorsque GB2312, le représentant indique que le codage utilisé par le site Web est le chinois simplifié lorsque
ISO-8859-1, le représentant indique que le codage utilisé par le site Web est l'anglais ; UTF-8 , représente le codage de langage universel au monde PS : La méthode pour les pages html5 consiste à utiliser directement
|
| Compatible X-UA |
Balise spéciale pour IE8, utilisée pour spécifier le navigateur IE8 afin de simuler une version spécifique de la méthode de rendu du navigateur IE pour résoudre certains problèmes de compatibilité. |
Le code ci-dessus indique au navigateur IE si ou non DTDEn déclarant les normes des documents, IE8/9 utilisera le moteur IE7 pour rendre les pages.
Le code ci-dessus indique au navigateur IE qu'IE8/9 utilisera le moteur IE8 pour afficher la page.
Le code ci-dessus indique au navigateur IE que IE8/9 et les versions ultérieures utiliseront la version la plus élevée d'IE pour restituer le page.
Le code ci-dessus IE=edge indique à IE d'utiliser le dernier moteur pour afficher les pages Web, et chrome=1 peut activer Chrome Frame.
PS : Google ajoute un plug-in : Google Chrome Frame (Google navigateur intégréFrameworkGCF), ce plug-in peut conserver le navigateur IE de l'utilisateur inchangé, mais lorsque les utilisateurs naviguent sur le Web, ils utilisent en fait le noyau du navigateur Google Chrome et prennent en charge plusieurs versions telles que IE6, 7 , et 8. Navigateur IE.
|
| expire |
Définissez le délai d'expiration de la page Web. |
PS : Le format d'heure GMT doit être utilisé
|
| rafraîchir |
pour actualiser automatiquement et pointer vers la nouvelle page. |
PS : 2 signifie que la page restera pendant 2 secondes, puis passera à l'URL suivante
|
| set-cookie |
Si la page Web expire , puis automatiquementSupprimer les cookies locaux. |
PS : le format d'heure GMT doit être utilisé.
|
| windows-target |
Forcer l'affichage de la page en tant que page indépendante dans la fenêtre actuelle peut empêcher votre page Web d'être appelée en tant que page frame par d'autres |
|
| cache-control |
Mécanisme de mise en cache |
Public : indique que la réponse peut être mise en cache par n'importe quelle zone de cache.
Privé : Indique que tout ou partie du message de réponse d'un seul utilisateur ne peut pas être traité par le cache partagé. Cela permet au serveur de décrire uniquement une réponse partielle d'un utilisateur qui n'est pas valide pour les demandes des autres utilisateurs.
no-cache : Indique que le message de demande ou de réponse ne peut pas être mis en cache.
no-store : utilisé pour empêcher la divulgation involontaire d'informations importantes. 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.
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.
min-fresh : Indique que le client peut recevoir des réponses avec un temps de réponse inférieur à l'heure actuelle plus l'heure spécifiée.
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.
|
L'attribut
name
name est principalement utilisé pour décrire les pages Web, et la valeur de l'attribut correspondante est le contenu. Le contenu du contenu est principalement destiné aux robots des moteurs de recherche. pour trouver des informations et des informations de classification.
Résumé
Grâce aux méta-paramètres des grands sites Web, vous pouvez voir que ceux couramment utilisés incluent la compatibilité X-UA, des mots-clés et une description.
【Recommandations associées】1.
Tutoriel vidéo gratuit HTML2 Partagez une intégration de points de connaissances HTML <.>3. Résoudre diverses situations où les divs sont couverts par des iframes4 Vous apprendre à insérer des liens en HTML. 5. Vous apprendre à analyser le HTML sous nodejs
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
