Une collection d'utilisations courantes des balises méta HTML

La balise mata écrite dans l'en-tête du Web peut sembler discrète, mais en fait, elle peut configurer une variété de fonctions, y compris l'encodage des pages et d'autres paramètres importants. Nous résumerons ici l'utilisation courante des balises méta HTML :<.>

Qu'est-ce que la balise mata
peut fournir des méta-informations sur la page (méta-informations), telles que la description et les mots-clés pour les moteurs de recherche et la fréquence de mise à jour. La balise est située en tête du document et ne contient aucun contenu. Les propriétés de la balise définissent les paires nom/valeur associées au document.
meta est une balise auxiliaire dans la zone d'en-tête du langage HTML. Nous pouvons voir les balises méta dans presque toutes les pages Web, mais elles ne sont pas visibles dans la page d'affichage du navigateur. Peut-être pensez-vous que ces codes sont inutiles. En fait, la balise méta est très importante et apportera des effets pratiques à votre site Web. Par exemple, la description du site Web () sera reflétée dans l'index du moteur de recherche. Par exemple, utilisez la balise méta pour définir l'encodage du site Web. gbk2312 ou utf-8. La clé de paramétrage de la balise méta Word

Syntaxe de base

Code XML/HTMLCopier le contenu dans le presse-papiers

<

méta nom="mots-clés" content="Mot-clé 1, Mot-clé 2, Mot-clé 3...."> 

La fonction de la balise mot-clé est d'indiquer au moteur de recherche de quoi parle le contenu du site Web, afin de faciliter la définition et l'indexation du moteur de recherche. Les mots-clés et les mots-clés sont séparés par. virgules dans la méthode de saisie en anglais. Mots-clés La longueur ne dépasse généralement pas 100 caractères

Par exemple, notre site Web concerne l'apprentissage de la technologie de développement Web. La description du mot-clé peut être écrite comme ceci :

.

Code XML/HTML

Copier le contenu dans le presse-papiers

<

meta nom="mots-clés" contenu="tutoriel html, tutoriel css, tutoriel javascript" >

Lorsque les utilisateurs recherchent ces mots-clés dans les moteurs de recherche, votre site Web apparaîtra dans les résultats. Cependant, à cause de nombreux tricheurs (black hat SEO). les premiers jours étaient propices aux tricheurs de mots-clés, maintenant le moteur de recherche (Baidu) n'est plus aussi sensible aux mots-clés.

description du paramètre de balise méta

Format de grammaire :

Code XML/HTML

Copier le contenu dans le presse-papiers

< ;

meta name="discription" content="description content">

La description de la page Web est très importante et peut être directement reflétée dans le moteur de recherche. Par exemple, ouvrez le site Web Baidu et recherchez "Sina" pour voir la page suivante

.

Jeu de caractères de définition de balise méta

Format de grammaire :

Code XML/HTML

Copier le contenu dans le presse-papiers

<

méta http-equiv = « type de contenu » content="text/html; charset="Format d'encodage">

Les formats d'encodage courants incluent le chinois encodage (gbk2312) et encodage international (UTF-8), gbk2312 Il s'agit d'un encodage chinois Si le contenu de votre site Web est entièrement en chinois, utilisez gbk2312 qui est un encodage universel pour les textes du monde entier (y compris le chinois et l'anglais). La principale différence entre eux est que gbk2312 est spécialement conçu pour le chinois et qu'un caractère chinois occupe 2 caractères. Au début, les ressources de bande passante du réseau étaient limitées. l'utilisation du codage gbk2312 peut économiser de la bande passante et améliorer la vitesse d'ouverture des pages Web. Cependant, notre bande passante domestique commence désormais à 4 M et ignore complètement ces économies.

Exemple :

Code XML/HTML

Copier le contenu dans le presse-papiers

<méta http-equiv="Content-Type" contenu= "text/html; charset=utf-8" >

Lorsque nous naviguons sur le Web, la plupart d'entre nous rencontrent ce que j'ai vu pages tronquées. Le format de codage permet au navigateur d'analyser dans le format d'édition défini. Si le format de codage est incorrect, des caractères tronqués apparaîtront. Je recommande donc d'utiliser le codage universel UTF-8 afin que tous les navigateurs du monde puissent y accéder. . Nos pages Web peuvent toutes être affichées normalement.

La balise méta définit le temps d'actualisation automatique
Format de grammaire

Code XML/HTMLCopier le contenu dans le presse-papiers

<méta http-equiv=« rafraîchir » content="temps d'intervalle de rafraîchissement">

Temps de rafraîchissement dans secondes, par exemple, la page du forum ne peut voir les nouveaux messages qu'après une actualisation. Les pages qui se mettent à jour rapidement comme celle-ci peuvent ajouter un code d'actualisation automatique pour garantir que la dernière page peut être vue. >

Code XML/HTML

Copier le contenu dans le presse-papiers

<

méta

http-equiv="refresh" content="3"> Ici, nous démontrons le réglage du temps à 3 secondes, veuillez le tester vous-même.

Le paramètre de balise méta passe automatiquement à une nouvelle page

Format de syntaxe

Code XML/HTML

Copier le contenu dans le presse-papiers

<

meta

http-equiv="refresh" content="Le nombre de secondes entre les sauts; Url ="Nouveau web adresse de la page"> Exemple :

Code XML/HTML

Copier le contenu dans le presse-papiers

<

meta

http-equiv="rafraîchir" contenu="3; Url="http://www.adminwang.com" > Lorsque le navigateur ouvre cette page, il passera automatiquement à la page d'accueil de notre site Web après 3 secondes

Le paramètre de balise méta est désactivé Cache

Format de syntaxe

Code XML/HTML

Copier le contenu dans le presse-papiers

<

méta

http-equiv

="cache-control" contenu = "no-cache" /> Nous savons que les navigateurs ont un mécanisme de mise en cache, c'est-à-dire lorsque vous ouvrez une page Web, il sera automatiquement enregistré localement. Le but est d'appeler directement le fichier dans le cache lorsque vous le visitez à nouveau dans un certain laps de temps pour améliorer la vitesse d'accès. Mais pour les pages qui changent fréquemment comme les forums, nous ne le faisons pas. voulez que le navigateur enregistre les fichiers de cache. Au-dessus de ce code. Il existe une autre utilisation dans le développement de programmes, lors du débogage d'un programme, vous devez toujours vérifier l'effet du code modifié. Vous pouvez utiliser ce code pour désactiver la mise en cache du navigateur. façon d'écrire :

Code XML/HTML

Copier le contenu dans le presse-papiers

<

méta

http-equiv

=

"pragma" contenu=" no-cache" > ; Pour des articles plus pertinents sur l'utilisation courante des balises méta HTML, veuillez faire attention au site Web PHP chinois !