<meta>里的小细节

作者: 年轻人多学点 | 来源:发表于2017-02-20 14:20 被阅读32次

a.  <meta name="renderer" content="weblkit | ie-comp | ie-stand">

       content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用极速模式,兼容        模式,IE模式打开。

      下次打开网页即可生效啦。

       测试了一下果然OK。不足的是要刷先一下页面,蛋疼了!

b.  <meta http-equiv="X-UA-Compatible" content="IE=7">

       X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别          与content="IE=7"在无论页面      是否包含<! DOCTYPE>指令,都像是使用了

      Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循

      <!DOCTYPE>指令。

c.  禁止缓存浏览脱机浏览的设置。

      <meta http-equiv="Pragma" content="no-cache">

      <meta http-equiv="Cache-Control" content="no-cache">

       <meta http-equiv="Expires" content="0 |Wed, 20 Jun 2007 22:33:00 GMT"> //这段代码用来         设定服务器上的数据期限 0代表无缓存,数据立即无效。Wed, 20 Jun 20017 22:33:00 GMT          代表到这 个时间数据无效。

     一般这三个代码一起用,是为了清除缓存用户浏览时达到再次从服务器上下载的效果。

d.  自动刷新并指向新的网页。

   <meta http-equiv="Refresh" content="2";URL=htt://www.liuweizhuanqv.top/">

   2指的是停留2秒 刷新指向新的URL链接地址。

e.  Page_Enter、Page_Exit 设定进入页面时的特殊效果。

   Html代码     <meta http-equiv="Page_Enter" contect="revealTrans(duration=1.0,transtion=12)">

    Duration的值为网页动态过渡的时间,单位为秒。

    Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

     0    盒状收缩    1    盒状放射

     2    圆形收缩    3    圆形放射

     4    由下往上    5    由上往下

     6    从左至右    7    从右至左

     8    垂直百叶窗    9    水平百叶窗

    10    水平格状百叶窗    11垂直格状百叶窗

    12    随意溶解    13从左右两端向中间展开

    14从中间向左右两端展开    15从上下两端向中间展开

    16从中间向上下两端展开    17    从右上角向左下角展开

    18    从右下角向左上角展开    19    从左上角向右下角展开

     20    从左下角向右上角展开    21    水平线状展开

     22    垂直线状展开    23    随机产生一种过渡方式

f.  Set-Cookie(cookie设定)

   说明:如果网页过期,那么存盘的cookie将被删除。

    <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday,20-Jun-2007         22:33:00 GMT; path=/">

相关文章

  • <meta>里的小细节

    a. content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用极速...

  • <meta>标签简介

    元素可提供有关页面的元数据(metadata),比如针对搜索引擎和更新频度的描述和关键词 常用的属性 - char...

  • HTML: <meta>标签

    引子 下面具体介绍一下meta的功能和使用。 前言 meta是html语言head区的一个辅助性标签。也许你认为这...

  • <meta>标签的使用

    控制显示区域各种属性: width – viewport的宽度 heig...

  • <meta>标签 name="viewpo

    转载于 Lew's Blog 什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport...

  • 利用<meta>标签优化网站信息

    自己辛辛苦苦做出来的心爱网站怎能没有搜索引擎优化(SEO)?对 标签的了解还停留在 ? 对浏览器的支持...

  • HTML之<meta>标签全解

    一、定义 元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词...

  • 细节里的小感动

    想起一件儒雅的小事 前阵子跟公司一起出差,住在一家酒店;出门去坐电梯时感受了一把Lady first. 我赶到时电...

  • 小细节里的温暖

    快节奏网络发达的生活,给睿睿定奶一月余,除了订奶那天和工作人员见了一面,而后就没与送奶的,或者其他负责对接收钱的工...

  • 细节里的小感动

    我很喜欢在文章里面抠细节,看小说的时候,会习惯性把喜欢的小细节截屏: 这篇的主角是绣娘的儿子,绣娘本来想去进修,却...

网友评论

    本文标题:<meta>里的小细节

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