meta标签总结

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