Introduction aux utilisations courantes des balises méta HTML

Cette fois, je vais vous présenter l'utilisation courante des balises méta HTML. Quelles sont les précautions lors de l'utilisation des balises méta HTML. Voici des cas pratiques, jetons un coup d'œil.

Qu'est-ce que la balise mata ? L'élément
peut fournir des méta-informations sur la page, telles que la description et la clé du moteur de recherche index et la fréquence de mise à jour du mot. La balise
est située en tête du document et ne contient aucun contenu. L'attribut de la balise définit le couple nom/valeur associé 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 balise méta définissant les mots clés

Syntaxe de base

<meta  name="keywords"   content="关键字1,关键字2,关键字3....">

La fonction de la balise mot-clé est d'indiquer au moteur de recherche de quoi parle le contenu du site Web, ce qui facilite la définition et l'indexation du site Web par le moteur de recherche. Les mots-clés et les mots-clés sont séparés par des virgules sous la méthode de saisie en anglais. La longueur des mots-clés ne dépasse généralement pas 100 caractères
Par exemple, notre site Web concerne l'apprentissage du Web. technologie de développement. La description du mot-clé peut être écrite comme ceci :

<meta  name="keywords"   content="html教程,css教程,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 sujets aux tricheurs de bourrage de mots-clés, maintenant les moteurs de recherche (Baidu) ne sont plus aussi sensibles aux mots-clés

description des paramètres de balise méta
Format de grammaire :

<meta  name=“discription”  content=“描述的内容”>

Le. 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 » et vous verrez la page suivante

paramètre de balise méta. Jeu de caractères
Format de grammaire :

<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>

Les formats d'encodage courants sont l'encodage chinois (gbk2312) et l'encodage international (UTF-8), gbk2312 est l'encodage chinois, si le contenu de votre site Web est en chinois , utilisez gbk2312 UTF-8 est universel pour le texte autour du codage international (y compris le chinois et l'anglais). La principale différence est que gbk2312 est spécialement conçu pour le chinois et qu'un caractère chinois occupe 2 caractères chinois universels. occupe 3 octets. Au début, les ressources de bande passante du réseau étaient rares, donc l'utilisation du codage gbk2312 peut économiser de la bande passante et améliorer la vitesse d'ouverture des pages Web, mais maintenant notre bande passante domestique commence à 4 Mo et ignore complètement les octets économisés.
Exemple :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >

Lorsque nous naviguons sur le Web, la plupart d'entre nous ont rencontré des pages tronquées. Le format d'encodage consiste à laisser le navigateur analyser dans le format d'édition défini si l'encodage est le format. des caractères incorrects et tronqués apparaîtront. Par conséquent, je recommande d'utiliser le codage universel UTF-8, afin que tous les navigateurs du monde puissent s'afficher normalement lors de l'accès à notre page Web

la balise méta définit le temps d'actualisation automatique
. Format de syntaxe

<meta http-equiv=“refresh”  content=“刷新间隔的时间”>

Le temps d'actualisation est en 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 qu'elles peuvent voir le. dernière page.
Exemple :

<meta 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 grammaire

<meta http-equiv=“refresh”  content=“跳转间隔的秒数；  Url="新网页地址”>

Exemple :

<meta http-equiv=“refresh”  content=“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 désactive la mise en cache
Format de syntaxe

<meta http-equiv="cache-control"  content="no-cache" />

Nous savons que les navigateurs disposent d'un mécanisme de mise en cache, c'est-à-dire que l'ouverture d'une page Web l'enregistrera automatiquement localement. Le but est de l'enregistrer localement. dans un certain laps de temps, lors de votre nouvelle visite, vous appellerez directement le fichier dans le cache pour améliorer la vitesse d'accès. Mais pour les pages qui changent fréquemment comme le forum, nous ne voulons pas que le navigateur enregistre le fichier cache et. vous pouvez ajouter ce code. Il existe une autre utilisation dans le développement de programmes. Le débogage du programme nécessite du temps. Pour visualiser l'effet de la modification du code, vous pouvez utiliser ce code pour désactiver la mise en cache du navigateur :
<🎜. >

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des choses plus excitantes, veuillez faire attention à php Autres articles connexes sur le site chinois !

<meta http-equiv="pragma" content="no-cache" >

Lecture connexe :

Exemples détaillés de formatage de texte HTML

Résumé des balises fréquemment utilisées en HTML

Comment utiliser les balises structurées de tableaux Web HTML

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!