Heim > Web-Frontend > HTML-Tutorial > Einführung in die Metaattribute der mobilen Endgeräte einiger großer Unternehmen

Einführung in die Metaattribute der mobilen Endgeräte einiger großer Unternehmen

PHPz
Freigeben: 2017-04-02 10:11:26
Original
1559 Leute haben es durchsucht

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">
Nach dem Login kopieren

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="">
Nach dem Login kopieren

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

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">
Nach dem Login kopieren

Das erste Meta-Tag bedeutet: Erzwingen Sie, dass die Breite des Dokuments mit der Breite des Geräts 1:1 bleibt, und das Das maximale Breitenverhältnis des Dokuments beträgt 1,0, und Benutzer dürfen nicht auf den Bildschirm klicken, um hineinzuzoomen. Breite – die Breite des Ansichtsfensters Mindestverhältnis, auf das der Benutzer zoomen darf. Maximaler Maßstab – der Wert, auf den der Benutzer zoomen darf. Maximaler Maßstab, vom Benutzer skalierbar – ob der Benutzer manuell zoomen kann

<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">
Nach dem Login kopieren
Das zweite Meta-Tag ist Safari privat Meta-Tag in iPhone-Geräten, was bedeutet: Durchsuchen im Vollbildmodus zulassen; Das dritte Meta-Tag ist auch ein privates Label des iPhone. Es gibt den Stil des

-Status

an Leiste oben in Safari im iPhone; die Farbe der Statusleiste (obere Leiste des Bildschirms) in der Web-App-Anwendung ist Standard (weiß), der als Schwarz (Schwarz) und Schwarz bezeichnet werden kann. durchscheinend (grau durchscheinend). Hinweis: Wenn der Wert „schwarz-durchscheinend“ ist, nimmt er die px-Position der Seite ein und schwebt über der Seite (er deckt die 20px-Höhe der Seite ab – der Retina-Bildschirm von iphone4 und itouch4 ist 40px groß).

Das vierte Meta-Tag bedeutet: Weisen Sie das Gerät an, die Nummern auf der Seite als Telefonnummern zu ignorieren.

Das obige ist der detaillierte Inhalt vonEinführung in die Metaattribute der mobilen Endgeräte einiger großer Unternehmen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage