Explication détaillée des balises méta et de leur utilisation en HTML

L'élément

fournit des méta-informations sur la page, telles que la description et les mots-clés pour les moteurs de recherche et la fréquence de mise à jour. Cet article vous présente principalement l'explication détaillée des balises méta et de leur utilisation en HTML. Les amis intéressés devraient y jeter un œil. J'espère que cela pourra vous aider.

balise méta en HTML

1. Signification de la balise méta

　 L'élément et des mots-clés pour la fréquence de mise à jour.

　La balise est située en tête du document et ne contient aucun contenu.

Les attributs de la balise définissent les couples nom/valeur associés au document.

2. Attributs couramment utilisés dans la méta

1. charset (jeu de caractères)

　 Description : Spécifie l'encodage des caractères des documents HTML.

Utilisation :

2. viewport

Description : C'est la zone visible de la page Web de l'utilisateur. Tout le monde sait que l'écran des appareils mobiles est généralement beaucoup plus petit que celui des PC. Les navigateurs Webkit mappent une fenêtre « virtuelle » plus grande à l'écran des appareils mobiles. La fenêtre virtuelle par défaut a une largeur de 980 pixels (la norme actuelle pour la plupart des sites Web). .largeur), puis redimensionnez-le selon un certain rapport (3:1 ou 2:1).

C'est-à-dire que lorsque nous chargeons une page Web normale, webkit chargera d'abord la page Web selon la norme du navigateur de 980 pixels, puis la réduira à une largeur de 490 pixels. Notez que cette réduction est une réduction globale, c'est-à-dire que tous les éléments de la page seront réduits.

Utilisation :

<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">

(1) width

La largeur contrôle la taille de la fenêtre d'affichage, généralement définie sur la largeur de l'appareil

à des fins adaptatives ) initial-scale

　　　　Initial-scale : Le taux de mise à l'échelle initial, c'est-à-dire le taux de mise à l'échelle lorsque la page est chargée pour la première fois.

(3) échelle maximale

mise à l'échelle maximale à l'échelle maximale. C'est-à-dire le degré maximum de mise à l'échelle autorisé. Il s'agit également d'une valeur à virgule flottante indiquant le multiplicateur maximum de la taille de la page par rapport à la taille de l'écran.

　　　(4) minimum-scale

　　　minimum-scale : Le rapport minimum auquel l'utilisateur est autorisé à zoomer. Similaire à une utilisation à grande échelle.

　 (5) évolutif par l'utilisateur

évolutif par l'utilisateur L'utilisateur ajuste le zoom. Autrement dit, si l'utilisateur peut modifier le niveau de zoom de la page. Si la valeur est oui, l'utilisateur est autorisé à le modifier, sinon c'est non.

3. mots-clés (mots-clés)

　Description : Une liste de mots-clés fournis pour les moteurs de recherche. Séparez chaque mot-clé par une virgule anglaise ",". Spécifiez les mots-clés que les moteurs de recherche utilisent pour améliorer la qualité de la recherche.

Utilisation :

4. )

Explication : La description est utilisée pour indiquer aux moteurs de recherche le contenu principal de votre site Web.

Utilisation :

5.

Explication : format-detection est utilisé pour détecter certains formats en html.

Utilisation : L'attribut format-detection de meta a principalement les paramètres suivants :

　meta name="format-detection" content="telephone=no"
　　　　meta name="format-detection" content="email=no"
　　　　meta name="format-detection" content="adress=no"

Vous pouvez également écrire successivement : meta name="format-detection" content= " téléphone = non, email = non, adresse = non "　　　　　　　

　　　　　　　　　　　　　　　　　　　　　Puisque vous avez écrit une chaîne de chiffres sans ajouter de style de lien, l'iPhone va automatiquement Ajoutez un style de lien à votre texte et cliquez sur le bouton numéro pour composer automatiquement le numéro! Comment supprimer ce lien d'accès à distance ? À ce moment-là, notre méta devrait à nouveau montrer sa magie. Le code est le suivant :

Telephone=no interdit la conversion des numéros en liens d'accès commuté !
Telephone=yes permet la conversion des numéros en liens commutés. Pour activer la fonction de conversion, il n'est pas nécessaire d'écrire cette méta. Elle est activée par défaut !

　 (2) email

Dites à l'appareil de ne pas reconnaître l'adresse e-mail et de ne pas l'envoyer automatiquement après avoir cliqué sur

Email=non est interdit comme adresse e-mail !

Si email=yes est activé, le texte sera par défaut l'adresse e-mail. Il n'est pas nécessaire d'écrire cette méta. Il est activé par défaut !

　(3) adresse

　adress=no Aller à la carte est interdit !
adress=yes active la fonction de cliquer sur l'adresse pour accéder directement à la carte. Elle est activée par défaut !

6. apple-touch-fullscreen

　Description : Après l'ajout à l'écran d'accueil, il sera affiché en plein écran.

Utilisation :

7.

Description : La fonction consiste à supprimer la barre d'outils Apple et la barre de menus par défaut. le contenu a deux valeurs "oui" et "non". Lorsque nous devons afficher la barre d'outils et la barre de menus, il n'est pas nécessaire d'ajouter cette ligne de méta. La valeur par défaut est de l'afficher.

Utilisation :

8. App-Config

Description. : Préserver l'historique et les effets d'animation

Utilisation :

9 . msapplication-tap-highlight

Description : Cliquez sans surbrillance (surbrillance)

Utilisation :

Recommandations associées :

Comment implémenter la fenêtre d'affichage dans la balise méta pour contrôler les attributs CSS de l'écran de l'appareil

balise méta HTML Résumé de l'utilisation

Introduction aux utilisations courantes des balises méta 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!