<meta name="renderer" content="webkit"> 优先以webkit内核渲染页面 启用360浏览器的极速模式(webkit)
<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>
content的取值为webkit
,ie-comp
,ie-stand
之一,区分大小写,分别代表用极速模式,兼容模式,IE模式打开。
<link rel="dns-prefetch" href="//n.sinaimg.cn">
预解析技术,当你浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,
这样在你单击当前网页中的连接时就无需进行DNS的解析,减少用户等待时间,提高用户体验。
我们DNS
解析的时候,需要用域名去DNS
解析匹配 IP ,这个是需要时间的,如果加了 dns-perfetch 呢,浏览器会记住(缓存)这个解析,直接就请求过去了,不需要再走DNS
解析。
//开始是为了适配 https 和 http 。就是当前请求链接是https
,那么这个//前面自动补充https
,反则补充http
。
<meta name="apple-mobile-web-app-title" content="标题">添加到主屏后的标题(iOS 6 新增)
<!--限制所有的搜索引擎建立你的网页快照-->
<meta name="robots" content="noarchive">
<meta name="Baiduspider" content="noarchive">
<!-- 强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
如果网页采用了响应式网页设计,例如(cdc.tencent.com) 不需要经过url自适配跳转就可以根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览,<meta name="applicable-device" content="pc,mobile">
<meta http-equiv="Cache-Control" content="no-transform" />在网页中添加了这一条,百度就不会移动搜索中将网站转码,并呈现给移动端用户
<meta http-equiv="Cache-Control" content="no-siteapp" />设置这个之后通过手机百度搜索打开网页时,百度会为你的网页进行转码
。
<meta name="MobileOptimized" content="width" />这是一个 Windows 专有的 meta 标签也最终成为用于识别移动内容的另一种方法,但是该标签的缺点是,特定的宽度必须给出,再次,这个标签的支持情况也是未知的
<meta name="HandheldFriendly" content="true" />
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <!-- 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">