Maison > interface Web > tutoriel HTML > Résumé de l'utilisation des balises méta HTML

Résumé de l'utilisation des balises méta HTML

小云云
Libérer: 2018-01-26 11:47:18
original
1897 Les gens l'ont consulté

La balise méta est très importante en HTML. Dans cet article, nous présenterons un résumé de l'utilisation des balises méta HTML, dans l'espoir d'aider tout le monde.

Qu'est-ce que la balise mata ?

L'élément peut fournir des méta-informations sur la page, telles que le moteur de recherche et la fréquence de mise à jour du diplôme. et des mots-clés. 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 balise méta définissant les mots clés

Syntaxe de base

<meta  name="keywords"   content="关键字1,关键字2,关键字3....">
Copier après la connexion

La fonction des balises de mots-clés est d'indiquer aux moteurs de recherche quel est le contenu du mot-clé. Le site Web est sur le point de permettre aux moteurs de recherche de définir plus facilement le site Web et l'index. Les mots-clés et les mots-clés sont séparés par des virgules dans la méthode de saisie en anglais. La longueur des mots-clés ne dépasse généralement pas 100 caractères. Il s'agit d'apprendre la technologie de développement Web, et la description du mot-clé peut être écrite comme ceci :

<meta  name="keywords"   content="html教程,css教程,javascript教程">
Copier après la connexion
Lorsque les utilisateurs recherchent ces mots-clés dans les moteurs de recherche, votre site Web apparaîtra dans les résultats. Cependant, car de nombreux tricheurs (. black hat SEO) au début étaient propices aux tricheurs de mots-clés, les moteurs de recherche d'aujourd'hui (Baidu) ne sont plus aussi sensibles aux mots-clés.

description du paramètre de balise méta
Format de grammaire :

<meta  name=“discription”  content=“描述的内容”>
Copier après la connexion
Description de la page Web Elle est très importante et peut être directement reflétée dans les moteurs de recherche. Par exemple, ouvrez le site Web Baidu et recherchez "Sina" et vous verrez la page suivante <🎜. >

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

Format de grammaire :

Les formats d'encodage courants incluent l'encodage chinois (gbk2312) et l'encodage international (UTF-8 est). Encodage chinois. Si le contenu de votre site Web est entièrement en chinois, utilisez UTF-8 pour l'encodage international. Le texte est universel (y compris le chinois et l'anglais). Leur principale différence est que gbk2312 est spécialement conçu pour le chinois et qu'il contient un caractère chinois. occupe 2 caractères. UTF-8 est universel et un caractère chinois occupe 3 octets. Au début, les ressources de bande passante du réseau étaient rares. Par conséquent, 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. est de 4 Mo et plus, ignorant complètement les octets enregistrés.
<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>
Copier après la connexion
Exemple :


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
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
Copier après la connexion

les paramètres des balises méta sont automatiquement actualisés.

format de syntaxe

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 une actualisation automatique du code. pour vous assurer que vous pouvez voir la dernière page
<meta http-equiv=“refresh”  content=“刷新间隔的时间”>
Copier après la connexion
Exemple :



Code XML/HTML

Copier le contenu dans le presse-papiers

<meta http-equiv=“refresh”  content=“3”>
Copier après la connexion

Ici, nous démontrons le réglage du temps à 3 secondes, veuillez le tester vous-même

balise méta Définir automatiquement. passer à une nouvelle page

Format de syntaxe

Exemple
<meta http-equiv=“refresh”  content=“跳转间隔的秒数;  Url="新网页地址”>
Copier après la connexion

Lorsque le navigateur ouvre cette page, il nous accède automatiquement après 3 secondes. Page d'accueil de le site Web.
<meta http-equiv=“refresh”  content=“3;  Url="http://www.adminwang.com”>
Copier après la connexion

Le paramètre de balise méta désactive la mise en cache

Format de grammaire

Nous savons que les navigateurs ont un mécanisme de mise en cache, qui consiste à ouvrir une page Web Il sera automatiquement enregistré localement. Le but est d'appeler directement le fichier dans le cache lors d'un nouvel accès dans un certain délai pour améliorer la vitesse d'accès. Mais pour les pages comme les forums qui changent de temps en temps, nous ne le faisons pas. Je ne veux pas que le navigateur enregistre le fichier cache, nous pouvons donc ajouter cette phrase Code. Il existe une autre utilisation dans le développement d'un programme, vous devez toujours vérifier l'effet des modifications du code. Vous pouvez utiliser ce code pour le désactiver. mise en cache du navigateur
<meta http-equiv="cache-control"  content="no-cache" />
Copier après la connexion
Une autre façon d'écrire :


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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal