javascript - Que signifie le paragraphe suivant sur les méta?

Question

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">

Quel maître peut l'expliquer en détail et partager également la collection complète d'utilisation des méta écrites par ce maître

Answer 1

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

Ces deux étiquettes sont spécifiques à Apple. Configurez cette page pour qu'elle soit lancée à partir de l'écran d'accueil et utilise le plein écran. En mode plein écran, le style de la barre d'état est noir.

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">

Ces deux balises sont d'anciennes balises de l'ère des téléphones multifonctions, utilisées pour marquer les pages de la version mobile, et sont maintenant pratiquement abandonnées.

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">

Ceci est un tag responsive.
width=device-width stipule que la largeur de la fenêtre d'affichage est égale à la largeur de l'écran ;
target-densitydpi=160dpi est la balise de mise à l'échelle de l'ancienne ère Android, qui a maintenant été abandonnée par WebKit ; 🎜#initial-scale= 1.0 est le taux de zoom par défaut ;
maximum-scale=1 est le taux de zoom maximum ;
user-scalable=no indique si les utilisateurs sont autorisés à zoomer ; -ui est un ancien label dédié à Apple, utilisé pour masquer la barre de navigation et la barre des tâches, iOS8 a été abandonné.

Answer 2

Diverses méta-explications

Answer 3

//删除苹果默认的工具栏和菜单栏
<meta name="apple-mobile-web-app-capable" content="yes">

//设置苹果工具栏颜色
<meta name="apple-mobile-web-app-status-bar-style" content="black">

// 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 
<meta name="HandheldFriendly" content="True">

// 微软的老式浏览器
<meta name="MobileOptimized" content="320">

// 优化移动浏览器的显示 css像素宽度等于设备像素宽度，不允许缩放
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">

méta manuel