Maison >interface Web >tutoriel HTML >Quel est le rôle de la balise méta HTML ? Introduction à l'utilisation des balises méta HTML
Quel est le rôle de la balise méta HTML ? Introduction à l'utilisation des balises méta HTML
- 寻∝梦original
- 2018-08-27 18:44:583832parcourir
Cet article présente le rôle de la balise méta HTML et comment l'utiliser. Il présente également de nombreuses méthodes d'utilisation. J'espère que vous pourrez pratiquer ces codes plusieurs fois par vous-même. introduit la balise méta HTML Les paramètres méta de plusieurs sites Web célèbres.
Commençons par parler du rôle de la balise méta :
La balise méta est une balise clé dans la zone d'en-tête du balisage HTML Il est situé entre 93f0f5c25f18dab9d176bd4f6de5d30e et b2386ffb911b14667cb8f0f91ea547a7. Bien que les informations qu’il fournit soient invisibles pour l’utilisateur, il s’agit des informations les plus élémentaires du document. En plus de fournir des informations de base telles que le jeu de caractères du document, la langue et l'auteur, HTMLe8e496c15ba93d81f6ea4fe5f55a2244 implique également la définition de mots-clés et de niveaux de page Web.
Lors de la vérification de w3school, les « métadonnées » dans la première phrase m'ont fait commencer mon voyage sur Google. Ensuite, j’ai réussi à trouver les résultats que je souhaitais dans la version anglaise de w3school. (Le mot chinois w3school fait référence à des méta-informations, et ni Google ni Baidu n'ont d'entrées pertinentes. Cependant, les métadonnées sont expliquées en détail sur Google. Par conséquent, l'explication de la version anglaise de W3school est utilisée ici.)
Il n'est pas difficile de voir que parmi eux, la clé réside dans les métadonnées, qui sont appelées métadonnées en chinois et sont les données utilisées pour décrire les données. Il n'apparaîtra pas sur la page, mais la machine le reconnaîtra. De cette façon, la fonction des balises méta est facile à comprendre.
la méta est souvent utilisée pour définir les descriptions de pages, les mots-clés, la date de dernière modification et d'autres métadonnées. Ces métadonnées serviront aux navigateurs (comment la page est présentée ou rechargée), aux moteurs de recherche et à d'autres services Web.
Introduction à l'utilisation des balises méta en HTML :
<head> <！ - 声明文档使用的字符编码 - > <meta charset =“utf-8”/> <！ - 页面关键词 - > <meta name =“keywords”content =“个人活动发布，会办app，活动管理，会议管理，社群管理“/> <！ - 页面描述 - > <meta name =”description“content =”发布个人会议，发布公司会议，w我们都可以帮你找到合适的会议地点和参会观众“> <！ - 网页作者 - > <meta name =”author“content =”xin1642868874@163.com“> <！ - 搜索引擎抓取robotterms是一组使用逗号（， ）分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。 - > <meta name =“机器人“content =”索引，按照“> <！ - 页面重定向和刷新 - > <meta http-equiv =”refresh“content =”0; url =“/> <！ - 禁止Chrome浏览器中自动提示翻译 - > <meta name =“google”value =“notranslate”> <！ - - 禁止百度转码 - > <meta http-equiv =“Cache-Control”content =“no-siteapp”> <！ - 自定义标签：app版本号说明 - > <meta name =“app-version”content =“1.13.3”> <title>php中文网</title> </head>
Ce qui précède concerne le rôle et l'utilisation des balises méta HTML, et il existe de nombreux attributs , mais ceux-ci sont un peu tôt pour l’apprendre maintenant.
Permettez-moi de partager les méta-fichiers des pages d'accueil de plusieurs sites Web célèbres :
Les méta-paramètres de la page d'accueil de JD.com :
<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"> <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">
Paramètres méta de la page d'accueil Taobao :
<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="">
Paramètres méta de la page d'accueil Youku :
<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="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
En plus de ceux expliqué ci-dessus, ceci est complété par l'attribut
X-UA-Compatible IE8, qui est également une balise méta couramment utilisée. Elle est utilisée pour spécifier le navigateur IE8 pour simuler la méthode de rendu d'une version spécifique du. Navigateur IE pour résoudre certains problèmes de compatibilité.
<meta http-equiv="X-UA-Compatible" content="IE=7">
Le code ci-dessus indique au navigateur IE que, qu'une DTD soit utilisée ou non pour déclarer la norme du document, IE8/9 affichera la page à l'aide du moteur IE7.
En regardant les méta-paramètres des grands sites Web, nous pouvons voir que les trois paramètres couramment utilisés sont : X-UA-Compatible, mots-clés et description. Nous devons apprendre à bien les utiliser.
【Recommandation de l'éditeur】
Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head
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!