HtmlWeb前端之路

<meta>里的小细节

2017-02-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=/">

上一篇 下一篇

猜你喜欢

热点阅读