Résumé de quelques métas couramment utilisées
élément
Résumé
Les balises fournissent des métadonnées sur les documents 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.
Attributs obligatoires
属性 | 值 | 描述 |
---|---|---|
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 SEO
En référence au document
Mots-clés de 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 Web. 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.
<meta>
Description de la page, chaque page Web doit avoir une description de 150 caractères maximum qui reflète avec précision le contenu du Étiquette de page Web.
<meta>
Méthode d'indexation des moteurs de recherche , robotterms est un ensemble de valeurs séparées par des virgules (,), généralement comme suit Valeurs : none, noindex, nofollow, all, index et follow. Assurez-vous d'utiliser correctement les valeurs des attributs nofollow et noindex.
<meta>
Redirection et actualisation de la page : Le nombre dans le contenu représente le temps (secondes), c'est-à-dire combien de temps il prend pour se rafraîchir. 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).
<meta>
Autres
<meta> <meta> <meta> <meta>
Appareil mobile
viewport : permet d'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 ; celle de l'appareil de 5,5 pouces est définie sur 400 px ;
<meta>
width : width (nombre / largeur de l'appareil) (plage de 200 à 10 000, la valeur par défaut est 980 pixels)
hauteur : hauteur (valeur numérique / hauteur de l'appareil) (plage de 223 à 10 000)
échelle initiale : mise à l'échelle initiale (allant de > 0 à 10)
minimum-scale : L'échelle minimale sur laquelle l'utilisateur est autorisé à zoomer
échelle maximale : le rapport maximum auquel l'utilisateur est autorisé à zoomer
évolutif pour l'utilisateur : indique si l'utilisateur peut réduire manuellement (non, oui)
minimal-ui : vous pouvez minimiser les barres d'état supérieure et inférieure lors du chargement de la page. (Obsolète)
Notez que de nombreuses personnes utilisent initial-scale=1 sur des sites Web non réactifs, ce qui entraîne un affichage du site Web à une largeur de 100 %, obligeant l'utilisateur à 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.
<meta>
Masquer la barre d'état/définir la couleur de la barre d'état : ne prend effet que lorsque le mode plein écran WebApp est activé. La valeur du contenu est par défaut noir | noir-translucide.
<meta>
Titre ajouté à l'écran d'accueil
<meta>
Ignorer les chiffres automatiquement reconnus comme numéros de téléphone
<meta>
-
Ignorer l'adresse e-mail de reconnaissance
<meta>
Ajouter une bannière d'application intelligente : indiquer la navigation Lancer le application correspondant à ce site Web et afficher la bannière de téléchargement sur la page (comme indiqué ci-dessous). Document de référence
<meta>
Autre Document de référence
<meta> <meta> <meta> <meta> <meta> <meta> <meta> <meta> <meta>
Lié à la page Web
Encodage de la déclaration
<meta>
Prioriser la dernière version d'IE Version et Chrome
<meta> <meta> <meta> <meta>
Contrôle du noyau du navigateur : De nombreux navigateurs nationaux ont des doubles cœurs (webkit et Trident), webkit noyau pour une navigation à grande vitesse, noyau IE compatible avec les pages Web et les anciens sites Web. Les sites Web qui ajoutent des balises méta peuvent contrôler le rendu du noyau choisi par le navigateur. Document de référence
<meta>
Le mode de noyau par défaut des navigateurs dual-core nationaux est le suivant :
1. Navigateur haute vitesse Sogou, navigateur QQ : noyau IE (mode de compatibilité)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)
禁止浏览器从本地计算机的缓存中访问页面内容:这样设定,访问者将无法脱机浏览。
<meta>
Windows 8
<meta> <meta>
站点适配:主要用于PC-手机页的对应关系。
<meta>
转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta
<meta>
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...
