zoukankan      html  css  js  c++  java
  • 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">
  • 相关阅读:
    Java人员正确使用 IntelliJ IDEA的方式
    python错误:UnicodeDecodeError: 'utf8' codec can't decode byte 0xe6 in position 0: unexpected end of data
    htm5本地存储方案——websql的封装
    htm5本地存储方案——indexdb的封装
    jquery实现checkbox的单选和全选
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
  • 原文地址:https://www.cnblogs.com/MissBean/p/meta.html
Copyright © 2011-2022 走看看