聲明文檔使用的字符編碼?
<meta charset='utf-8'>
優先使用 IE 最新版本和 Chrome?
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="wap-font-scale" content="no">

頁面描述?
<meta name="description" content="不超過150個字符"/>
頁面關鍵詞?
<meta name="keywords" content=""/>
?網頁作者?
<meta name="author" content="name, email@gmail.com"/>
搜索引擎抓取?
<meta name="robots" content="index,follow"/>

移動端
<meta?name="viewport"?content="width=device-width,?initial-scale=1.0,maximum-scale=1.0,?user-scalable=no"/>
<!--?viewport的content取值?-->
<!--?width：寬度（數值?/?device-width）（200~10000，默認為980px）?-->
<!--?height：高度（數值?/?device-height）（223~10000）?-->
<!--?initial-scale：初始縮放比例?（0~10）?-->
<!--?minimum-scale：允許用戶縮放到的最小比例?-->
<!--?maximum-scale：允許用戶縮放到的最大比例?-->
<!--?user-scalable：是否允許用戶縮放?(no/yes)??-->
?uc強制豎屏?
<meta?name="screen-orientation"?content="portrait"> QQ強制豎屏?
<meta?name="x5-orientation"?content="portrait"> UC強制全屏?
<meta?name="full-screen"?content="yes"> QQ強制全屏?
<meta?name="x5-fullscreen"?content="true"> ?UC應用模式?
<meta?name="browsermode"?content="application"> QQ應用模式?
<meta?name="x5-page-mode"?content="app"> IOS啟用?WebApp?全屏模式?
<meta?name="apple-mobile-web-app-capable"?content="yes"?/> ?IOS全屏模式下隱藏狀態欄/設置狀態欄顏色?content的值為default?|?black?|?black-translucent ?
<meta?name="apple-mobile-web-app-status-bar-style"?content="black-translucent"?/> IOS添加到主屏后的標題?
<meta?name="apple-mobile-web-app-title"?content="標題"> IOS添加智能?App?廣告條?Smart?App?Banner?
<meta?name="apple-itunes-app"?content="app-id=myAppStoreID,?affiliate-data=myAffiliateData,?app-argument=myURL">
去除iphone?識別數字為號碼?
<meta?name="format-detection"?content="telephone=no">
不識別郵箱?
<meta?name="format-detection"?content="email=no">
禁止跳轉至地圖?
<meta?name="format-detection"?content="adress=no">
?可以連寫
<meta?name="format-detection"?content="telephone=no,email=no,adress=no">

轉載于:https://www.cnblogs.com/lhl66/p/7473963.html

總結

以上是生活随笔為你收集整理的一些常用的meta标签及其作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。