meta

作者: 南木子艺 | 来源:发表于2018-01-06 09:26 被阅读0次

    <meta content [name |content |schem ]/>
    提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
    content(必须含) | name | content-type | scheme
    :属性定义了与文档相关联的名称/值对
    :元数据总是以名称/值的形式被成对传递的

    • <meta name="keywords" content="HTML,ASP,PHP,SQL">
      <meta name="description" content="前端学习基础">

    • <meta http-equiv="charset" content="iso-8859-1">
      <meta http-equiv="expires" content="31 Dec 2008">
      浏览器将会收到3个包,服务器必发的包content-type: text/html
      content-type: text/html(浏览器都会收到的,告知接收文档)
      charset:iso-8859-1
      expires:31 Dec 2008

    • < meta charset="UTF-8"/>

    • H5 设置页面缩放
      <meta name="viewport" content=" "/>
      "viewport" 包括"layoutviewport"(移动端默认) | "visual viewport" | ideal viewport
      <meta name="viewport"
      content="height = [pixel_value | device-height] ,
      width = [pixel_value | device-width ] ,
      initial-scale = float_value ,
      minimum-scale = float_value ,
      maximum-scale = float_value ,
      user-scalable = [yes | no] ,
      target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] />

    • 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 兼容性模式设置优先级:
      meta tag > http header
      如:X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页
      <meta http-eqive="X-AUcompatible" content=" "/> TCCST
      <meta http-eqive="X-AUcompatible" content=" "/> CSND
      建议:<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
      IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame ,可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。

    而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。
    GCF下载地址(ie打开)
    安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com

    但是如果想要在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF再使用IE内核进行渲染,就是使用这个标记。

    相关文章

      网友评论

          本文标题:meta

          本文链接:https://www.haomeiwen.com/subject/wlnenxtx.html