L'effet magique des compétences du didacticiel mobile html5 meta tag_html5

Lors de la création d'un site Web mobile, en plus de la simplicité de la page et de la facilité d'utilisation, etc., que les visiteurs peuvent voir, c'est le réglage des balises Meta. Un réglage correct des balises Meta améliorera l'optimisation des moteurs de recherche du mobile. le site Web et le rendu des navigateurs mobiles sont très utiles. Tout le monde connaît très bien la balise méta dans la mise en page Web de la plateforme de bureau. Elle est toujours située à l'intérieur de l'élément head. Les amis qui font du référencement doivent avoir un sens particulier pour la méta. Aujourd'hui, nous allons parler de la balise méta de la plateforme mobile. . Quels sont les effets magiques des balises méta sur les plateformes mobiles ?
1. Fenêtre d'affichage de Meta
En ce qui concerne les balises méta de plate-forme mobile, nous devons parler de fenêtre d'affichage Alors, qu'est-ce que la fenêtre d'affichage ?
Viewport est la zone visuelle. Pour les navigateurs de bureau, la fenêtre d'affichage fait référence à la zone utilisée pour afficher les pages Web après avoir supprimé toutes les barres d'outils, barres d'état, barres de défilement, etc.
. Pour les pages WEB traditionnelles, il est normal que la largeur de 980 soit affichée sur l'iPhone, et elle remplit également l'écran. Mais pour les webapps, cela peut poser un peu problème. Sur les iPhones, nos webapps ont généralement une largeur de . 100cm en mode portrait 320, quel effet affichera notre page 320 sur l'iPhone ? Certaines personnes peuvent penser que l'iPhone ne fait pas 320 mm de large, il devrait remplir l'écran, n'est-ce pas ? Jetons un coup d'œil à la façon dont la disposition suivante apparaît sur l'iPhone

Copier le code
Le code est le suivant :

Vous avez clairement écrit une chaîne de chiffres sans ajouter de style de lien, mais l'iPhone ajoutera automatiquement un style de lien à votre texte, et cliquer sur le numéro composera 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 de numéros en liens d'accès commuté !
telephone=yes permet la conversion des numéros en liens d'accès commuté. Pour activer la fonction de conversion, il n'est pas nécessaire d'écrire cette méta. Elle est activée par défaut !

3. Méta de Apple-mobile-web-app-capable

La fonction de cette méta est de supprimer la barre d'outils et la barre de menu Apple 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.
4. Méta du style apple-mobile-web-app-status-bar

Il s'agit d'une balise méta spécifique à Windows qui est finalement devenue une autre méthode d'identification du contenu mobile, mais l'inconvénient de cette balise est qu'elle est La largeur doit être donné, et encore une fois, le support de cette balise est inconnu :