zoukankan      html  css  js  c++  java
  • meta标签的使用

    元数据(Metadata)是数据的数据信息.
    <meta>标签提供了HTML文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
    1、定义文档关键词,用于搜索引擎:
    <meta name="keywords" content="html,css,xml,xhtml,javascript">
    2、定义web页面描述:
    <meta name="description" content="free web tutorials on html and css">
    3、定义页面作者:
    <meta name="author" content="cacti">
    4、每30秒刷新页面:
    <meta http-equiv="refresh" content="30">
    5、360浏览器meta标签使用--使用极速模式(即webkit内核)
    若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
    若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
    若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
    6、meta标签控制ie渲染标准模式和兼容模式
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
    <meta http-equiv="X-UA-Compatible" content="IE=7,9" />
    文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。
    从上面的例子可以看出"X-UA-Compatible"的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?
    Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。
    EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。
    9:强制以IE9标准模式渲染页面,忽略文档类型声明。
    8:强制以IE8标准模式渲染页面,忽略文档类型声明。
    7:强制以IE7标准模式渲染页面,忽略文档类型声明。
    5:强制以IE5标准模式渲染页面,忽略文档类型声明。

    也许你在实际使用 X-UA-Compatible 的时候,可能会出现不管用的情况,其实,不能单单的只是加:meta,还需要,把DOCTYPE的定义去掉,其实这样就可以了:<!DOCTYPE html> 。快检查一下,你的代码中是不是还是这个:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 改掉试试

  • 相关阅读:
    微信小程序swiper个性化定制
    php脚本巧用正则批量替换函数参数
    Phpstorm中添加xdebug调试工具。
    apache服务器禁止浏览目录文件
    mysql_connect()函数使用报错
    composer创建新项目报错
    安利一个简单的零配置的命令行http服务器(http-server)
    Laravel笔记之tinker和时间函数
    即时通信2
    即时通信1
  • 原文地址:https://www.cnblogs.com/cacti/p/4468239.html
Copyright © 2011-2022 走看看