Attributs de balises méta HTML couramment utilisés (requis pour la compatibilité et l'optimisation du site Web)_HTML/Xhtml_Production de pages Web

Adresse originale : http://segmentfault.com/blog/ciaocc/1190000002407912
Auteur : ciaocc
Le droit d'auteur appartient à ciaocc Veuillez indiquer le droit d'auteur lors de la réimpression.

Résumé La balise

 fournit des métadonnées sur le document HTML. Les métadonnées ne sont pas affichées sur la page, mais sont lisibles par machine. Il peut être utilisé par les navigateurs (comment le contenu est affiché ou les pages sont rechargées), les moteurs de recherche (mots-clés) ou d'autres services Web. —— W3School

Attributs requis

属性	值	描述
content	some text	定义与http-equiv或name属性相关的元信息

Attributs facultatifs

属性	值	描述
http-equiv	content-type / expire / refresh / set-cookie	把content属性关联到HTTP头部。
name	author / description / keywords / generator / revised / others	把 content 属性关联到一个名称。
content	some text	定义用于翻译 content 属性值的格式。

Optimisation du référencement

Document de référence

Mots-clés de la page, chaque page Web doit avoir un ensemble unique de mots-clés qui décrivent le contenu de la page Web.
Utilisez des mots-clés et des expressions descriptifs et représentatifs que les gens sont susceptibles de rechercher, et décrivez avec précision les informations fournies sur la page. Marquez le contenu trop court et les moteurs de recherche pourraient ne pas le considérer comme pertinent. De plus, les balises ne doivent pas dépasser 874 caractères.

Copier le code

Le code est le suivant :

Description de la page , chaque page Web doit avoir une balise de description de 150 caractères maximum qui reflète avec précision le contenu du page web.

Copier le code

Le code est le suivant :

Méthode d'indexation des moteurs de recherche, robotterms est un ensemble de valeurs séparées par des virgules (,), généralement avec les valeurs suivantes : none, noindex, nofollow, all, index et follow. Assurez-vous d'utiliser correctement les valeurs des attributs nofollow et noindex.

Copier le code

Le code est le suivant :

Redirection et actualisation de la page : Le nombre dans le contenu représente le temps (secondes), c'est-à-dire le temps qu'il faut pour s'actualiser. Si vous ajoutez une URL, elle sera redirigée vers la page Web spécifiée (les moteurs de recherche peuvent la détecter automatiquement, et elle peut facilement être considérée comme trompeuse par le moteur et être punie).

Copier le code

Le code est le suivant :

Autres

Copier le code

Le code est le suivant :

🎜>
appareil mobile

viewport : peut optimiser l'affichage des navigateurs mobiles. Si le site Web ne répond pas, n'utilisez pas la mise à l'échelle initiale et ne désactivez pas la mise à l'échelle. La largeur de la fenêtre d'affichage de la plupart des appareils de 4,7 à 5 pouces est définie sur 360 px ; l'appareil de 5,5 pouces est défini sur 400 px ; l'iPhone 6 ​​est réglé sur 375 px ;





Copier le code

Le code est le suivant :

1.width : largeur (nombre/largeur de l'appareil) (plage de 200 à 10 000, la valeur par défaut est 980 pixels)

2.height : hauteur (nombre/hauteur de l'appareil) (plage de 223 à 10 000)
3.initial-scale : Le rapport de mise à l'échelle initial (allant de >0 à 10)
4.minimum-scale : L'échelle minimale sur laquelle l'utilisateur est autorisé à zoomer
5.maximum-scale : L'échelle l'utilisateur est autorisé à zoomer sur Le rapport maximum de (Obsolète)

Notez que de nombreuses personnes utilisent initial-scale=1 sur des sites Web non réactifs, ce qui entraîne le rendu du site Web à 100 % de largeur et l'utilisateur doit déplacer manuellement la page ou zoomer. Si user-scalable=no ou maximum-scale=1 est utilisé avec initial-scale=1, l'utilisateur ne pourra pas zoomer/dézoomer sur la page Web pour voir l'intégralité du contenu.

Mode plein écran WebApp : application de déguisement, application hors ligne.

Copier le code

Le code est le suivant :

Masquer la barre d'état/définir la couleur de la barre d'état : ne prend effet que lorsque le mode plein écran de la WebApp est activé. La valeur du contenu est par défaut noir | noir-translucide.

Copier le codeLe code est le suivant :

Titre ajouté à l'écran d'accueil

Copier le codeLe code est le suivant :

Ignorer les chiffres automatiquement reconnus comme numéros de téléphone

Copiez le codeLe code est la suivante :

Ignorer l'e-mail de reconnaissance

Copier le code

Le code est le suivant :

Ajouter une bannière d'application intelligente Bannière d'application intelligente : indiquez au navigateur l'application correspondant à ce site Web et affichez la bannière de téléchargement sur la page (comme indiqué ci-dessous). Document de référence

Copier le code

Le code est le suivant :

Autres

Documents de référence

Code XML/HTML

Copier le contenu dans le presse-papiers

2. <méta nom="HandheldFriendly" contenu="vrai">
4. <méta nom="MobileOptimisé" contenu="320">
6. <méta nom="écran- orientation" contenu="portrait">
8. <méta nom="x5- orientation" contenu="portrait">
10. <méta nom="full- écran" contenu="oui">
12. <méta nom="x5- plein écran" contenu="vrai">
14. <méta nom="mode navigateur" contenu="application">
16. <méta nom="x5- page-mode" content="app">
18. <méta nom="msapplication- appuyez sur surbrillance" contenu="non">

Lié au Web

Encodage des déclarations

Copier le code

Le code est le suivant :

Donner la priorité à l'utilisation de la dernière version d'IE et de Chrome

Copier le code

Le code est le suivant :

< ;! -- Icône de vignette Windows 8 -->
Adaptation du site : Principalement utilisé pour la correspondance des pages PC-mobile.

Copier le code

Le code est le suivant :

Déclaration de transcodage : l'ouverture d'une page Web avec Baidu peut la transcoder (comme la publication de publicités). Pour éviter le transcodage, vous pouvez ajouter la méta suivante

.

Copier le code

Le code est le suivant :

Autres documents de référence

LISTE COMPLÈTE DES BALISES META HTML

BALISE META W3C
METATAGES en HTML5
BALISE META MDN

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