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"> 改掉试试

  • 相关阅读:
    每日一题 为了工作 2020 0412 第四十一题
    每日一题 为了工作 2020 04011 第四十题
    每日一题 为了工作 2020 0410 第三十九题
    每日一题 为了工作 2020 0409 第三十八题
    每日一题 为了工作 2020 0408 第三十七题
    每日一题 为了工作 2020 0407 第三十六题
    每日一题 为了工作 2020 0406 第三十五题
    每日一题 为了工作 2020 0405 第三十四题
    学习总结(二十四)
    学习总结(二十三)
  • 原文地址:https://www.cnblogs.com/cacti/p/4468239.html
Copyright © 2011-2022 走看看