meta标签集
html中的meta總結:
0.聲明文檔使用的字符編碼:?<meta charset='utf-8'/>
1.優先使用 IE 最新版本和 Chrome :?<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
2.禁用掉UC瀏覽器判斷到頁面上文字居多時,會自動放大字體優化移動用戶體驗:<meta name="wap-font-scale" content="no"/>
3.頁面描述:<meta name="description" content="不超過150個字符"/>
4.網頁作者:<meta name="author" content="name,email@amall.com"/>
5.搜索引擎抓取:<meta name="robots" content="name,follow"/>
5-1.關鍵字:<meta name="keywords" content="關鍵字文字"/>
6.移動版:<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
7.windows phone點擊無高光:<meta name="msapplication-tap-heighlight" content="no"/>
8.針對手持設備優化,主要針對一些老的不識別viewport的瀏覽器,比如黑莓:<meta name="HandheldFriendly" content="true"/>
9.忽略頁面中的數字識別為電話,忽略email識別:<meta name="format-detection" content="telephone=no,email=no"/>
10.頁面自動刷新并指向新頁面:<meta http-equiv="Refresh" content="2"; URL="http://www.baidu.com"/>
? ? ?(注:其中的2是指停留2秒鐘后自動刷新到URL網址)
11.強制頁面在當前窗口以獨立頁面顯示:<meta http-equiv="Window-target" content="_top"/>
? ? ?(注:用來防止別人在框架里調用自己的頁面)
12.指定是否顯示圖片工具欄,當為false代表不顯示,當為true代表顯示:<meta http-equiv="imagetoolbar" content="false"/>
13.UC強制全屏:<meta name="full-screen" content="yes"/>
14.QQ強制全屏:<meta name="x5-fullscreen" content="true">
15.不讓百度轉碼:<meta http-equiv="Cache-Control" content="no-siteapp"/>
16.設置頁面不緩存:<meta http-equiv="pragma" content="no-cache"/>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<meta http-equiv="cache-control" content="no-cache"/>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<meta http-equiv="expires" content="0"/>
?
針對蘋果ios:
0.在iPhone手機上默認值是(電話號碼顯示為撥號的超鏈接):<meta name="format-detection"? content="telephone=yes"/>
1.ios設備對meta定義的私有屬性:(可以添加至主屏幕)
? ? 網站開啟對web app 程序的支持(啟用WebApp全屏模式):<meta name="apple-mobile-web-app-capable" content="yes"/>
? ? 在web app應用下狀態條(屏幕頂部條)的顏色:<meta name="apple-mobile-web-app-status-bar -style" content="black"/>
? ? (1.默認值為default<白色>,可以定為black<黑色>和black-translucent<灰色半透明>;
? ? ? 2.若值為black-translucent 將會占頁面的px位置,浮在頁面的上方,會覆蓋頁面20px高度-iphone4和itouch4和itouch4的Retina屏幕為40px)
? ??<meta name=”apple-mobile-web-app-title” content=”標題”>
轉載于:https://www.cnblogs.com/liuqingxia/p/7614962.html
總結
- 上一篇: ionic - error
- 下一篇: 启动php出现的错误