meta标签设置

meta 标签常用设置

<!-- 根据浏览器的屏幕大小自适应的展现合适的效果 --> <meta name="applicable-device" content="pc,mobile" /><!-- 移动端 浏览器中页面将以原始大小显示，不允许缩放 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><!-- 优先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> //它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话，它不起作用<!-- iphone会把一串数字识别为电话号码，点击的时候会提示是否呼叫，屏蔽这功能则把telephone设置为no --> <meta content="telephone=no" name="format-detection" /><!-- iphone的私有标签，默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明） --> <meta content="black" name="apple-mobile-web-app-status-bar-style"><!-- iphone设备的是有标签 允许全屏模式浏览，隐藏浏览器导航栏 --> <meta content="yes" name="apple-mobile-web-app-capable" /><!-- 全屏显示 --> <meta content="yes" name="apple-touch-fullscreen" /><!-- UC强制全屏 --> <meta name="full-screen" content="yes"><!-- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"><!-- 屏蔽百度转码 --> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 定义网页简短描述 --> <meta name="description" content="Cochemist"><!-- 定义网页关键词 --> <meta name="keywords" content="生物化学"> <!-- 定义网页的作者 --> <meta name="author" content="sun_Annie"><!-- 避免HTML页面缓存 --> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"><!-- 定义网页的缓存过期时间 --> <meta http-equiv="expires" content="Sunday 26 October 2016 00:00 GMT"> //由于这是一个过去的日期，所以这个网页只要一打开，就会直接到网站服务器重新下载页面内容，而不是从cache调用。这是一种防止网页被cache缓存的措施。 复制代码

总结

以上是生活随笔为你收集整理的meta标签设置的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。