javascript - 下面這一段關於meta是什麼意思呀？

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

哪位大神可以詳細的解釋一下，還有就是那位大神寫的有關於meta的用法全集分享一下唄

Answer 1

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

這個是響應式標籤。
width=device-width規定了視口寬度與螢幕寬度相等；
target-densitydpi=160dpi是安卓舊時代的縮放標籤，現在已經被WebKit廢棄；
initial-scale=1.0是預設縮放比；
max scale=1 是最大縮放比；
user-scalable=no是是否允許使用者縮放；
minimal-ui是蘋果專用的舊標籤，用來隱藏導覽列和任務欄，ios8已經廢棄。

Answer 2

各種meta解釋

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

meta手冊