meta標籤總結

看風景就發表於2015-10-15

1. 禁止瀏覽器快取

--禁止代理伺服器快取

<meta http-equiv="Expires" CONTENT="0">

-- 禁止瀏覽器快取
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Cache-Control" CONTENT="no-store">

2. 優先瀏覽器引擎

--優先使用ie最新版本和chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
--強制使用webkit渲染
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">

3.移動端若干設定

<!-- uc強制豎屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait">
<!-- 是否啟用 WebApp 全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--控制狀態列顯示樣式 apple-mobile-web-app-status-bar-style 起作用的前提是已經設定了<meta name="apple-mobile-web-app-capable" content="yes"> -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
--新增到主螢幕後,全屏顯示
<meta name="apple-touch-fullscreen" content="yes">
--禁止了把數字轉化為撥號連結
<meta name="format-detection" content="telephone=no">

4. 移動端非常用設定

<!-- 針對手持裝置優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微軟的老式瀏覽器 -->
<meta name="MobileOptimized" content="320">
<!-- windows phone 點選無高光 -->
<meta name="msapplication-tap-highlight" content="no">

 

相關文章