Explication détaillée de HTML Meta

Le Meta Tag est une étiquette auxiliaire dans la zone de tête de la langue HTML.

Meta est souvent utilisée pour définir les instructions, les mots clés et enfin modifier la date et d'autres métadonnées. Ces métadonnées serviront le navigateur (comment mettre en disposition ou ré-télécharger la page), les moteurs de recherche et autres services réseau.

Le label MATA contient des attributs globaux (https://developer.mozilla.org/en-s/docs/web/global_attributes)

Déclaration du code de caractère de la page Web:

 <Meta Charset = UTF-8>

Le contenu de l'attribut de contenu est la valeur de la propriété HTP-Equiv ou Name, qui dépend de celle que vous utilisez.

Cet attribut peut contenir le nom de l'en-tête HTTP, et le nom anglais complet de l'attribut est équivalent HTTP. Il définit les instructions qui peuvent modifier le comportement du serveur et de l'agent utilisateur. La valeur de cette instruction est définie dans la propriété de contenu, qui peut être l'une des éléments suivants:

Définissez la langue par défaut de la page. Il peut être couvert par la propriété Lang sur n'importe quel élément.

Il est interdit au navigateur de visiter le contenu de la page à partir du cache de l'ordinateur local. comme:

 <meta http-equiv = pragma contenu = no-cache>

Peut être utilisé pour définir le temps d'expiration de la page Web. Une fois la page Web expirée, il doit être ré-transmis sur le serveur.

Spécifiez le mécanisme de cache des demandes et de la réponse à suivre. Il existe les méthodes d'utilisation suivantes:

NON-CACH: Envoyez d'abord une demande, confirmez si la ressource est modifiée avec le serveur et si elle n'est pas modifiée, utilisez le cache.

No-magasin: n'autorisez pas les caches, accédez au serveur à chaque fois, téléchargez une réponse complète. (Mesures de sécurité)

Public: cache toutes les réponses, mais pas nécessaires. Parce que Max-Age peut également obtenir le même effet

Privé: un seul cache utilisateur, donc aucun cache de relais n'est autorisé. (Par exemple, CDN n'autorise pas le cache privé)

MAX-AGE: La demande actuelle commence, combien de temps la réponse peut être mise en cache et réutilisée sans aller au serveur pour se redresser. Par exemple: Max-Age = 60 signifie que la réponse peut être mise en cache et réutilisée pendant 60 secondes.

Permettez à l'auteur de définir la stratégie de contenu de la page actuelle. La stratégie de contenu spécifie principalement l'adresse du serveur admissible et le point de terminaison du script, ce qui aide à prévenir l'attaque de script inter-sites.

L'essence de CSP est le système de liste blanc. Sa mise en œuvre et son exécution sont toutes terminées par le navigateur, et les développeurs n'ont qu'à fournir une configuration.

CSP améliore considérablement la sécurité de la page Web. Même si l'attaquant trouve la vulnérabilité, il ne peut pas injecter le script, à moins qu'il ne contrôle toujours un hôte crédible répertorié dans la liste blanche. Deux méthodes peuvent activer CSP. L'un est un domaine de la politique de sécurité du contenu grâce à des informations d'en-tête HTTP.

 Content-Security-Policy: Script-Src 'self'; objet-src «Aucun»;

L'autre est l'étiquette de la page Web.

 <meta http-equiv = contenu-security-pololicy content = script-src 'seld';

Dans le code ci-dessus, le CSP a fait la configuration suivante:

Script: faites confiance au nom de domaine actuel

Tags: pas d'URL, c'est-à-dire ne chargez aucune ressource

Tableau de style: ne faites que confiance cdn.example.org et tiers.org

Cadre: doit être chargé du protocole HTTPS

Autres ressources: pas de restrictions

Après ouverture, les ressources externes qui ne respectent pas le CSP ne seront pas empêchées de se charger.

Plus d'introduction: Tutoriel de démarrage de la politique de sécurité du contenu

Définissez le type de document MIME, puis codez avec ses caractères.

N'utilisez pas cette valeur car elle est obsolète. Il est recommandé d'utiliser l'attribut Charset sur l'élément.

Étant donné que le type de documentation ne peut pas être modifié dans la sérialisation XHTML de XHTML ou HTML5, n'utilisez pas le type MIME pour définir le type MIML MIME.

Cette instruction spécifie:

Si l'attribut de contenu ne contient qu'un seul entier positif, il représente le nombre de secondes de secondes chargées sur la page.

Si l'attribut de conférence contient un entier positif, puis la chaîne ';

 <meta http-equiv = rafraîchir le contenu = 2;

Définir le cookie de la page.

N'utilisez pas cette instruction, utilisez le cookie Set-Cookie de HTTP (https://developer.mozilla.org/en-s/docs/web/http/heders/set-cookie) à la place

Il est utilisé pour dire au navigateur de rendre la page.

 <meta http-equiv = x-ua-composition contenu = ie = edge, chrome = 1 /> spécifier ie et chrome pour rendre la page actuelle avec la dernière version

La définition de l'attribut de nom appartient aux métadonnées au niveau du document.

Le nom des données META -DATA est associé à la valeur de l'attribut de contenu. La valeur possible de l'attribut de nom est:

Définissez le nom de l'application exécutée sur la page Web.

Utilisé pour marquer l'auteur de la page Web.

Y compris une description de la vignette du contenu de la page. Certains navigateurs, tels que Firefox et Opera, utilisent cette description par défaut comme signet Web.

Il est utilisé pour indiquer quel logiciel est fabriqué par la page Web.

Utilisé pour dire au moteur de recherche, les mots clés de votre page Web

Si la page n'est pas mise à jour fréquemment, afin de réduire la pression des rampants de moteur de recherche vers le serveur, vous pouvez configurer une durée de re-visite pour un robot. Si le temps de révision est trop court, le Crawler sera accessible en fonction du temps par défaut qu'ils ont défini. Exemple:

 <méta-name = contenu revisit-après = 7 jours>

Le rendu est préparé pour les navigateurs à double -core pour spécifier comment le navigateur à double -core rend la page par défaut. Par exemple, 360 navigateur. Exemple:

 <meta name = renderer content = webkit> // le noyau webkit par défaut <meta name = renderer contenu = ie-cal> // le mode de compatibilité par défaut <méta name = renderer contenu = ie-sand> // par défaut i e mode standard

Le référent contrôle l'en-tête HTTP référentiel (https://developer.mozilla.org/en-us/docs/web/http/referrer dans la demande de demande de documen. La valeur correspondante est en contenu:

Les robots utilisent pour indiquer aux reptiles quelles pages de pages nécessitent des index et quelles pages ne nécessitent pas d'index.

Fournit une invite sur la taille de la taille initiale de la fenêtre. Pour les appareils mobiles uniquement.

Utilisation courante

Échelle interdite:

 <Meta name = Viewport Content = Initial-Scale = 1,0, minimum-échelle = 1,0, maximum-échelle = 1,0, utilisateur-échelle = no />

Actualiser automatiquement la page Web

Vous pouvez définir l'opération de rafraîchissement de la page après une période de temps. META HTTP-Equiv = Refresh peut spécifier le navigateur pour retarder la page d'actualisation automatique pendant une période de temps. La méta-tag spécifie le navigateur ci-dessous actualiser automatiquement toutes les 5 secondes.

 <Meta Http-Equiv = Rafresh Content = 5 ″ />

Redirection automatique

Nous pouvons utiliser des balises de méta de rafraîchissement pour rediriger la page. L'exemple suivant visitera www.vevb.com après 5 secondes

 <meta http-equiv = rafraîchir le contenu = 5;

Cache du navigateur interdit

Lorsque nous testons la page Web localement, le nouveau contenu n'est pas mis à jour dans le temps et il peut y avoir un cache de navigateur. Pour le moment, nous pouvons le résoudre tant que nous désactivons le cache du navigateur en utilisant des balises Meta. Le code général est le suivant:

 <meta http-equiv = expires contenu = 0> <meta http-equiv = pragma content = no-cache> <meta http-equiv = cache-control content = no-cache>

Destination de transcodage baidu

 <meta http-equiv = Cache-Control Content = no sizeapp />

Dans le développement mobile, le code qui protège le numéro comme numéro de téléphone:

 <Meta Content = Téléphone = No Name = Format-Detection />

se référer à

Élément MDN HTML (https://developer.mozilla.org/en-s/docs/web/html/element/meta))