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

Jan 26, 2018 am 11:47 AM

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!

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

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)

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles