Maison > interface Web > tutoriel HTML > Présentation des méta-attributs des terminaux mobiles de certaines grandes entreprises

Présentation des méta-attributs des terminaux mobiles de certaines grandes entreprises

PHPz
Libérer: 2017-04-02 10:11:26
original
1558 Les gens l'ont consulté

1. Tmall

<title>天猫触屏版</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
Copier après la connexion

2. Taobao

<title>淘宝网触屏版</title>
<meta charset="utf-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no" name="format-detection">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta property="wb:webmaster" content="c51923015ca19eb1">
<meta name="author" content="m.taobao.com">
<meta name="copyright" content="Copyright ©m.taobao.com 版权所有">
<meta name="revisit-after" content="1 days">
<meta name="keywords" content="">
<meta name="description" content="">
Copier après la connexion

3. 4 , NetEase

<title> 京东 - 手机版 </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
<meta name="format-detection" content="telephone=no">
<meta name="Keywords" content="手机购物,WAP商城,日用百货,3C家电,汽车用品">
<meta name="description" content="京东手机版提供了包括数码、家电、手机、电脑配件、网络产品、 日用百货等数万种商品,手机快捷购物,就上京东手机版。">
Copier après la connexion

5. Baidu

<title>手机网易网</title>
<meta charset="UTF-8">
<meta content="width=device-width,user-scalable=no" name="viewport">
<meta name="apple-itunes-app" content="app-id=425349261">
<meta name="apple-mobile-web-app-capable" content="yes">
Copier après la connexion

La première balise méta signifie : forcer la largeur du document à celle de l'appareil à rester 1:1, et la le rapport de largeur maximum du document est de 1,0, et les utilisateurs ne sont pas autorisés à cliquer sur l'écran pour zoomer ; rapport minimum auquel l'utilisateur est autorisé à zoomer à l'échelle maximale - la quantité à laquelle l'utilisateur est autorisé à zoomer. Échelle maximale évolutive par l'utilisateur - si l'utilisateur peut zoomer manuellement

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 手机端特有的有哪些?
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
Copier après la connexion
La deuxième balise méta est la balise privée Safari. balise méta dans les appareils iPhone, ce qui signifie : Autoriser la navigation en mode plein écran ;

La troisième balise méta L'étiquette est également une marque privée de l'iPhone. Elle spécifie le style du

statut

. barre en haut de Safari sur iPhone ; la couleur de la barre d'état (barre supérieure de l'écran) dans l'application Web ; la valeur par défaut est par défaut (blanc), qui peut être définie comme noire (noir) et noire. translucide (gris translucide). Remarque : Si la valeur est "noir-translucide", elle occupera la position px de la page et flottera au-dessus de la page (elle couvrira la hauteur de 20 px de la page - l'écran Retina de l'iphone4 et de l'itouch4 est de 40 px).

La quatrième balise méta signifie : Dites à l'appareil d'ignorer les numéros sur la page en tant que numéros de téléphone.

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