Maison  >  Article  >  interface Web  >  Explication détaillée d'exemples de balises méta en HTML

Explication détaillée d'exemples de balises méta en HTML

Y2J
Y2Joriginal
2017-05-23 09:49:002472parcourir

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

  1. < ; méta charset="gbk">

  2. 455f24d783e3db5b85c50ce45697b0c9

  3. 418e5f8a5f584687e5e2707036113b4f

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="">

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="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />

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等各类热门游戏赛事直播和各种名家大神游戏直播,内容丰富,推送及时,带给你不一样的视听体验,一切尽在斗鱼 - 全民直播平台。" />

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" />

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" />

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 9420384aed01dccd5f0e414d03fc19e5 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 9d54027d814bba7a6c118810bbc6025d

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é.

daee65cea63af063278cd59ca1e900be

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.
64772ba68a7b3c2cb16dfcd5517312f2 Le code ci-dessus indique au navigateur IE qu'IE8/9 utilisera le moteur IE8 pour afficher la page.
d1194aa6a0a1a4debf92ccfbff033ad7 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.
dc4a9259080a7b94aa663ad18ce92fe0

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. 23c623dc02026f00c9a6d66615d33c48               

PS : Le format d'heure GMT doit être utilisé

rafraîchir pour actualiser automatiquement et pointer vers la nouvelle page. 91e858456b6d7d90b873e3f50f161421

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. cdb36e7365a59d42c911a6b411126401 ​ ​ ​ ​

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 4ced9d04e0cecdb1f3bdc88aee0a229f
cache-control Mécanisme de mise en cache 9176adcf7fd21ee70b76b75374dee2d4 ​​​​​

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.

4dd3c027a34fead507502577927a93b5
Valeur Description Exemple
auteur Annotation Auteur de la page Web 3aa60acd2890f76fee63281f4f2502fc
mots-clés Mots-clés de page à inclure par les moteurs de recherche ffaf22179917f967c1f5b04587877fea
description Description de la page pour l'inclusion dans les moteurs de recherche a5f04f25d9549e24208735c47ca9a0d9
viewport
描述 例子
author 标注网页的作者 40a6d58ed411527ddc3586cf8528e957
keywords 页面关键词,用于被搜索引擎收录 c68aef00caa8ea0c70b29d59ed5790f0
description 页面描述,用于搜索引擎收录 ab7d2d6e7ddd1f4f3c07df9918257676
viewport 用于控制页面缩放 baa91e1a7bb7d1481d7e502162770e1e
renderer 指定双核浏览器默认以何种方式渲染页面。 f90e110de12fce9fe1734af965e2b70a//默认webkit内核26d02ab2b4fd46280f0ec837d45ec1ce//默认IE兼容模式7d53c128f1ce44acb035d89b72759be1//默认IE标准模式

PS:360浏览器支持

generator 说明网站的采用的什么软件制作 8c0269b11fa4117000a0f6e71e542ca2
revised 网页文档的修改时间 12ad92cf97444b2570d779e22e43ec34
robots 用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 d7c6a11cb99ed6b4a51eaaa17250a9da            

取值:all|none|index|noindex|follow|nofollow, 默认all

all:文件将被检索,且页面上的链接可以被查询

none:文件将不被检索,且页面上的链接不可以被查询;

index:文件将被检索;

follow:页面上的链接可以被查询;

noindex:文件将不被检索,但页面上的链接可以被查询;

nofollow:文件将不被检索,页面上的链接可以被查询。

copyright 网站版权信息

2a32e3c78af9a994ba4694c08c607183

Utilisé pour contrôler la mise à l'échelle de la page e56a55049227450b829fcef56026f67e
renderer Spécifie comment les navigateurs dual-core affichent les pages par défaut. 2e3560c4189039010106a5cc9f144b3a//Noyau du kit Web par défaut3150f7dff6100b28b61e71c0f6b7edb6/ / Mode de compatibilité IE par défautbb751f9c6c3d3e7006054b4ccf701440//Mode standard IE par défaut

PS : prise en charge du navigateur 360

générateur Décrivez le logiciel utilisé pour créer le site Web 6ae9975fb4d36fff1a2d9c1f05e8ac1a
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. f096ca23467acc0c49d4be72525ecad0 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 Query;

none : Le fichier ne sera pas récupéré et les liens sur la page ne pourront pas être interrogé ;

index : le fichier sera récupéré ;

suivre : le lien sur la page peut être interrogé

noindex : le fichier ne sera pas récupéré, mais le le lien sur la page peut être interrogé Query ;

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

c72ef7cbe1bae5128e83c5528cab6a78

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!

Déclaration:
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