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

  • 相关阅读:
    CMD 下运行python的unittest测试脚本无输出
    Python2 HTMLTestRunner自动化测试报告美化
    Python3 HTMLTestRunner自动化测试报告美化
    Python+Selenium练习篇之5-利用partial link text定位元素
    Python+Selenium练习篇之6-利用class name定位元素
    Python+Selenium练习篇之3-利用tag name定位元素
    Python+Selenium练习篇之4-利用link text定位元素
    Python+Selenium练习篇之2-利用ID定位元素
    Python+Selenium练习篇之1-摘取网页上全部邮箱
    Python+Selenium基础篇之5-第一个完整的自动化测试脚本
  • 原文地址:https://www.cnblogs.com/cacti/p/4468239.html
Copyright © 2011-2022 走看看