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 y jeter un œil
Le rôle de la balise méta
La balise META est une balise clé dans la zone HEAD de Les balises HTML, fournissant les caractères du document. Des informations de base telles que la collection, la langue, l'auteur, etc., ainsi que les paramètres de mots-clés et de niveaux de page Web, etc., sont très utiles pour l'optimisation des moteurs de recherche (SEO).
PS : Il est pratique pour les robots des moteurs de recherche de trouver et de classer les applications Internet.
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 :
Code XML/HTMLCopier le contenu dans le presse-papiers
<méta charset="gbk">
<méta nom="description" contenu="JD.COM- Un professionnel centre commercial en ligne complet qui vend des dizaines de milliers de produits de marque 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 un expérience d'achat en ligne agréable ! >= "Mots clés" content
=>Méta-paramètres sur la page d'accueil de Taobao : Code XML/HTML
Copier le contenu dans le presse-papiers<
méta
charset="utf-8">
<méta http-equiv="X-UA-Compatible" content
=><méta nom= "rendu" content
=><méta nom="spm-id" contenu
=> <méta nom="description" contenu
=><méta nom= "keyword" content
=>Paramètres méta pour la page d'accueil de youku :Code XML/HTML
Copier le contenu dans le presse-papiers<méta charset="utf-8">
<méta http-equiv="Compatible X-UA" contenu="IE=Edge">
<meta name="title" content="Youku - Le premier site Web vidéo de Chine, proposant la lecture vidéo, la publication vidéo et la vidéo recherche - Youku Video" />
<méta nom ="mots-clés" content="Vidéo, partage vidéo, recherche vidéo, lecture vidéo, vidéo Youku" />
<méta nom="description" contenu = "Plateforme de services vidéo, fournissant la lecture vidéo, la publication vidéo, la recherche vidéo, le partage vidéo" />
Douyu Paramètres méta pour la page d'accueil :
Code XML/HTMLCopier le contenu dans le presse-papiers
<méta http-equiv="Content-Type" content= "text/html; charset=utf-8" />
<méta nom="renderer" content="webkit|ie-comp|ie-stand">
<méta http-equiv="Compatible X-UA" content="IE=Edge,chrome=1">
< ;meta name="keywords" content="DOTA2, diffusion en direct de jeux populaires, diffusion en direct de jeux , diffusion en direct de jeux haute définition, diffusion en direct de jeux mobiles, diffusion en direct d'e-sports" />
< meta nom="description" contenu=" Douyu - la plateforme nationale de diffusion en direct fournit une haute définition, rapide et Services de diffusion vidéo en direct et d'événements de jeu fluides. Il comprend des diffusions en direct de divers événements de jeux populaires tels que DOTA2 et diverses diffusions en direct de jeux célèbres. Il est riche en contenu et diffusé en temps opportun, vous offrant une expérience audiovisuelle différente. le tout sur Douyu - la plateforme nationale de diffusion en direct. " />
Méta-paramètres pour la page d'accueil de Tencent :
Code XML/HTMLCopier le contenu dans le presse-papiers
<méta charset="UTF-8">
<méta nom="rendu" content="webkit" />
<méta http-equiv="Compatible X-UA" content="IE=edge,chrome=1">
<meta name="keywords" content="News News Center Fact News Channel, Current Affairs Report">
<méta nom="description" content="Tencent News, factuel. Centre d'actualités, y compris les actualités, les actualités nationales, les actualités internationales, les actualités sociales, les commentaires sur l'actualité, les images d'actualité, les sujets d'actualité, les forums d'actualités, l'armée, l'histoire , portail professionnel d'information sur l'actualité ">
<meta nom ="auteur" contenu="skeetershi" />
Métaparamètres sur la page d'accueil de Qidian Novel.com :
Code XML/HTMLCopier le contenu dans le presse-papiers
<méta nom="mots-clés" contenu ="Roman, roman de site Web, roman d'amour, roman jeunesse, roman fantastique, roman d'arts martiaux, roman urbain, roman historique, roman en ligne, littérature originale en ligne" />
<méta nom="description" contenu ="Lecture de romans, les romans merveilleux sont tous dans Qidian Novels. Qidian Novels propose des romans fantastiques, des romans d'arts martiaux, des romans originaux, des romans de jeux en ligne, des romans urbains, des romans d'amour, des romans jeunesse, des romans historiques, des romans militaires, romans de jeux en ligne, romans de science-fiction, romans d'horreur, lecture gratuite des derniers chapitres des premiers romans, toute l'excitation est dans Qidian Novels ! . <
http-equiv="Content-Type" id ="meta_ContentType" content="text/html;charset=UTF-8" /> <
nom="robots" contenu=" tous" /><
nom="googlebot" content="all" />< ;
nom="baiduspider" content="all" /> ; <
nom="copyright" content="Le droit d'auteur de cette page www.qidian.com appartient à Qidian Chinese Network. Tous droits réservés" />
<méta http-equiv="mobile-agent" contenu="format=wml; url=http://m.qidian.com" /><méta 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" />
<méta nom="nom-application" 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" /> ;
<méta nom="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" />
<méta name="msapplication-task" content="name=读书客户端;action-uri=http://c.qidian .com/android/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/phone.ico" />
<méta nom="msapplication-task" content="name=排行榜;action-uri=http://top.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/chart.ico" />
<méta nom="msapplication -task" content="name=搜索;action-uri=http://sosu.qidian.com/?_s=ie9;icon-uri=http://www .qidian.com/Images/ie9/search.ico" />
<méta property="qc:admins" content="204236767661141166375" />
meta详解
meta标签可分为两大部分：http-equiv和name变量。
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 le contenu de la page Web.
| Valeur | Description | Exemple | ||||||||||||||||||||||||
| type de contenu | Définissez le jeu de caractères utilisé par la page |
Lorsque
|
||||||||||||||||||||||||
| Compatible X-UA | Balise spéciale pour IE8, utilisée pour spécifier le navigateur IE8 pour simuler la méthode de rendu de une version spécifique du navigateur IE Cela résoudra certains problèmes de compatibilité. | Le code ci-dessus indique au navigateur IE si ou not Utilisez DTD pour déclarer les normes du document, et IE8/9 utilisera le moteur IE7 pour afficher la page. 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 le rendu. la page. |
||||||||||||||||||||||||
| expire | Définissez le délai d'expiration de la page Web. | PS : le format d'heure GMT doit être utilisé | ||||||||||||||||||||||||
| rafraîchir | rafraîchir et pointer automatiquement Nouvelle page. | PS : 2 signifie que la page restera pendant 2 secondes puis passera à l'URL suivante | ||||||||||||||||||||||||
| set-cookie | Si la page Web expire, le cookie local est automatiquement supprimé. | <🎜>PS : le format d'heure GMT doit être utilisé. <🎜> | ||||||||||||||||||||||||
| windows-target | Forcer l'affichage de la page comme une page indépendante dans le fenêtre, ce qui peut empêcher que votre propre page Web soit appelée comme page cadre par d'autres | td> | ||||||||||||||||||||||||
| contrôle de cache | 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. |
nom
L'attribut 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 utilisé par les robots des moteurs de recherche pour trouver des informations et. classer les informations.
| Valeur | Description | Exemple | ||||||||||||||||||||||||||||||
| auteur | Annotation Auteur de la page Web | |||||||||||||||||||||||||||||||
| mots-clés | Mots-clés de page à inclure par les moteurs de recherche | |||||||||||||||||||||||||||||||
| description | Description de la page pour l'inclusion dans les moteurs de recherche | |||||||||||||||||||||||||||||||
| viewport | est utilisé pour contrôler le zoom de la page td> | |||||||||||||||||||||||||||||||
| renderer | Spécifie comment les navigateurs double cœur affichent les pages par défaut . | //Noyau du kit Web par défaut/ / Mode de compatibilité IE par défaut//Mode standard IE par défaut
|
||||||||||||||||||||||||||||||
| générateur | Décrivez le logiciel utilisé pour créer le site Web | |||||||||||||||||||||||||||||||
| révisé | Heure de modification du document web | |||||||||||||||||||||||||||||||
| robots td> | Utilisé pour indiquer au robot de recherche quelles pages doivent être indexées et quelles pages n'ont pas besoin d'être indexées. | Valeur : all|none|index|noindex|follow|nofollow, par défaut allall : le fichier sera récupéré et les liens sur la page peuvent être interrogés aucun ; : Le fichier ne sera pas récupéré, et les liens sur la page ne peuvent pas être interrogés ; index : le fichier sera récupéré suivre : les liens sur la page peuvent être interrogés ; 🎜>noindex : Le fichier ne sera pas récupéré, mais les liens sur la page peuvent être interrogés ; nofollow : Le fichier ne sera pas récupéré, mais les liens sur la page peuvent être interrogés. | ||||||||||||||||||||||||||||||
| copyright | Informations sur les droits d'auteur du site Web |
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)
