Maison interface Web tutoriel HTML Résumé de quelques métas couramment utilisées

Résumé de quelques métas couramment utilisées

Mar 19, 2017 pm 05:28 PM

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

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • 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.

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • 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.

1

2

3

4

5

6

7

8

9

<meta>

<!--

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

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

    index:文件将被检索;

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

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

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

 -->

Copier après la connexion
  • 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).

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • Autres

1

2

3

4

<meta> <!-- 定义网页作者 -->

<meta>

<meta>

<meta>

Copier après la connexion

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 ;

1

2

<meta>

<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边  -->

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


  2. hauteur : hauteur (valeur numérique / hauteur de l'appareil) (plage de 223 à 10 000)


  3. échelle initiale : mise à l'échelle initiale (allant de > 0 à 10)


  4. minimum-scale : L'échelle minimale sur laquelle l'utilisateur est autorisé à zoomer


  5. échelle maximale : le rapport maximum auquel l'utilisateur est autorisé à zoomer


  6. évolutif pour l'utilisateur : indique si l'utilisateur peut réduire manuellement (non, oui)


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

1

<meta> <!-- 启用 WebApp 全屏模式 -->

Copier après la connexion
  • 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.

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • Titre ajouté à l'écran d'accueil

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Résumé de quelques métas couramment utilisées Résumé de quelques métas couramment utiliséesRésumé de quelques métas couramment utilisées

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

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • Ignorer l'adresse e-mail de reconnaissance

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • 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

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

![Alt text](./IMG_3701.jpg)

  • Autre Document de référence

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->

<meta>

<!-- 微软的老式浏览器 -->

<meta>

<!-- uc强制竖屏 -->

<meta>

<!-- QQ强制竖屏 -->

<meta>

<!-- UC强制全屏 -->

<meta>

<!-- QQ强制全屏 -->

<meta>

<!-- UC应用模式 -->

<meta>

<!-- QQ应用模式 -->

<meta>

<!-- windows phone 点击无高光 -->

<meta>

Copier après la connexion

Lié à la page Web

  • Encodage de la déclaration

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • Prioriser la dernière version d'IE Version et Chrome

1

2

3

4

5

<meta>

<!-- 关于X-UA-Compatible -->

<meta><!-- 使用IE6 -->

<meta><!-- 使用IE7 -->

<meta><!-- 使用IE8 -->

Copier après la connexion
  • 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

1

 <meta>

Copier après la connexion

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内核(极速模式)

  • 禁止浏览器从本地计算机的缓存中访问页面内容:这样设定,访问者将无法脱机浏览。

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  • Windows 8

1

2

<meta> <!-- Windows 8 磁贴颜色 -->

<meta> <!-- Windows 8 磁贴图标 -->

Copier après la connexion
  • 站点适配:主要用于PC-手机页的对应关系。

1

2

3

4

5

<meta>

<!--

[wml|xhtml|html5]根据手机页的协议语言,选择其中一种;

url="url" 后者代表当前PC页所对应的手机页URL,两者必须是一一对应关系。

 -->

Copier après la connexion
  • 转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta

1

<meta>

Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

               

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

HTML est-il facile à apprendre pour les débutants? HTML est-il facile à apprendre pour les débutants? Apr 07, 2025 am 12:11 AM

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Comprendre HTML, CSS et JavaScript: un guide pour débutant Comprendre HTML, CSS et JavaScript: un guide pour débutant Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Quel est un exemple d'une balise de départ dans HTML? Quel est un exemple d'une balise de départ dans HTML? Apr 06, 2025 am 12:04 AM

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Apr 04, 2025 pm 11:54 PM

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

Comment utiliser CSS3 et JavaScript pour réaliser l'effet de la diffusion et de l'agrandissement des images environnantes après avoir cliqué? Comment utiliser CSS3 et JavaScript pour réaliser l'effet de la diffusion et de l'agrandissement des images environnantes après avoir cliqué? Apr 05, 2025 am 06:15 AM

Pour obtenir l'effet de la diffusion et de l'élargissement des images environnantes après avoir cliqué sur l'image, de nombreuses conceptions Web doivent obtenir un effet interactif: cliquez sur une certaine image pour faire les environs ...

Comment implémenter la disposition adaptative de la position de l'axe y dans l'annotation Web? Comment implémenter la disposition adaptative de la position de l'axe y dans l'annotation Web? Apr 04, 2025 pm 11:30 PM

L'algorithme adaptatif de la position de l'axe y pour la fonction d'annotation Web Cet article explorera comment implémenter des fonctions d'annotation similaires aux documents de mots, en particulier comment gérer l'intervalle entre les annotations ...

HTML, CSS et JavaScript: outils essentiels pour les développeurs Web HTML, CSS et JavaScript: outils essentiels pour les développeurs Web Apr 09, 2025 am 12:12 AM

HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.

See all articles