Maison >interface Web >tutoriel HTML >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
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.
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 :
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!