Introducing the meta attributes of some large companies' mobile terminals-HTML Tutorial-php.cn

Introducing the meta attributes of some large companies' mobile terminals

PHPz

Release： 2017-04-02 10:11:26

Original

1557 people have browsed it

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">

Copy after login

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="">

Copy after login

3. Jingdong

<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="京东手机版提供了包括数码、家电、手机、电脑配件、网络产品、 日用百货等数万种商品，手机快捷购物，就上京东手机版。">

Copy after login

4. NetEase

<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">

Copy after login

5. Baidu

<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">

Copy after login

The first meta tag means: force the width of the document to maintain 1:1 with the width of the device, and the maximum width ratio of the document is 1.0, and users are not allowed to click on the screen to enlarge Browse; width - the width of the viewport height - the height of the viewport initial-scale - the initial zoom ratio minimum-scale - the minimum ratio that the user is allowed to zoom to maximum-scale - the maximum ratio that the user is allowed to zoom to user-scalable - whether the user can manually Zoom

The second meta tag is the safari private meta tag in the iphone device, which means: Allow full-screen mode browsing;

The third meta tag is also the private tag of iphone, which specifies The style of the status bar at the top of Safari in iPhone; the color of the status bar (top bar of the screen) in web app applications; the default value is default (white), and can be set to black (black) and black-translucent (Gray translucent). Note: If the value is "black-translucent", it will occupy the px position of the page and float above the page (it will cover the 20px height of the page - the Retina screen of iphone4 and itouch4 is 40px).

The fourth meta tag means: Tell the device to ignore recognizing the numbers on the page as phone numbers.

The above is the detailed content of Introducing the meta attributes of some large companies' mobile terminals. For more information, please follow other related articles on the PHP Chinese website!