meta link

<meta name="renderer" content="webkit">  优先以webkit内核渲染页面 启用360浏览器的极速模式(webkit)

<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>

      content的取值为webkitie-compie-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">
posted @ 2017-05-09 15:55  MissBean  阅读(337)  评论(0编辑  收藏  举报