html 自身有定时刷新功能,http-equiv,很强大

张映 发表于 2010-05-20

分类目录: html/css

标签:, , , , ,

今天看到一个页面,打开后没几秒自动跳转了,我的第一反应就是里面肯定含有setTimeout之类的方法,但是看了页面源码后,里面根本没有包含JS文件,也没有写JS代码,一下子引起了我的兴趣.<meta http-equiv="refresh" content="10; ,URL=/2010registration.html">,meta原来这么强大。下面说将说一下meta http-equiv的一些个人觉得比较有用的用法

一,页面跳转

<meta http-equiv="refresh" content="10; ,URL=http://blog.51yip.com">

说明:10秒后,页面刷新,并跳转到http://blog.51yip.com

二,缓存控制

<meta http-equiv="Cache-control" content="public">
<meta http-equiv="Cache-control" content="private">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache-control" content="no-store">
<meta http-equiv="pragma" content="no-cache">

说明:

     public:可以被缓存在公众共享缓存
     private:只可以被缓存在私人缓存里面
     no-cache:不缓存
     no-store:缓存但不存档

三,页面编码设定

<meta http-equiv="Content-Type" content="text/html; charset=utf8 ">

说明:这个大家最熟悉了,因为乱码的问题,搞开发的基本上都遇到过

四,cookie

<meta http-equiv="Set-Cookie" content="userid=123456; path=/tmp/cookies; expires=Thursday, 20-May-09 00:15:00 GMT">

说明:userid=123456是要存到cookie里的数据,path是存到什么地方,expires是给cookie加上期限

五,content-disposition

<meta name="content-disposition" content="inline; filename=openinexcel.csv">

content参数:

     filename 例子:"filename" "=" value                              //文件名
     creation-date 例子:":= "creation-date" "=" quoted-date-time     //创建时间
     modification-date 例子:":= "modification-date" "=" quoted-date-time       //修改时间
     read-date 例子:" := "read-date" "=" quoted-date-time            //读取时间
     size 例子:":= "size" "=" 1-number                               //文件大小
     quoted-date-time 例子:" := quoted-string conform the RFC822     //引用时间

这个东西,在上传文件,发送邮件附件等会用到

六,文件类型

<meta http-equiv="Content-Script-Type" content="text/javascript">

content参数:

     text/plain                      //文本文件
     text/html                       //html文件
     application/binary              //二进制文件
     application/postscripts         //不知道
     image/gif                       //gif图片
     image/xbm                       //xbm图片
     image/jpeg                      //jpeg图片
     audio/basic                     //basic格式视频文件
     video/mpeg                      //mpeg格式视频文件
     video/QuickTime                 //QuickTime格式视频文件


转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/htmlcss/797.html

1 条评论

  1. lili 留言

    看的我一头雾水,我一点都看不懂!呜呜~~~