Explication détaillée d'exemples de balises méta en HTML-tutoriel HTML-php.cn

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.

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

值	描述	例子
author	标注网页的作者
keywords	页面关键词，用于被搜索引擎收录
description	页面描述，用于搜索引擎收录
viewport	用于控制页面缩放
renderer	指定双核浏览器默认以何种方式渲染页面。	//默认webkit内核//默认IE兼容模式//默认IE标准模式 PS：360浏览器支持
generator	说明网站的采用的什么软件制作
revised	网页文档的修改时间
robots	用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。	取值：all\|none\|index\|noindex\|follow\|nofollow, 默认all all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询； nofollow：文件将不被检索，页面上的链接可以被查询。
copyright	网站版权信息

Utilisé pour contrôler la mise à l'échelle de la page

renderer

Spécifie comment les navigateurs dual-core 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

PS : prise en charge du navigateur 360

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.

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.

Informations sur les droits d'auteur du site Web

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!