html5_头部七元素_meta元素
<meta.../>用于定义页面元信息,它是由name和content这样的名值对组成。
meta内部可以指定五个属性:id、http-equiv、name、content、charset。
主要认识后面四个:
http-equiv(超文本协议标题信息):指定元信息的名称,与name不同的是该名称是固定的且有特殊含义。
http-equiv主要支持的值:
1.expires
指定网页的过期时间,一旦过期需要从服务器上重新下载
(感觉cache-control更常用一点)
<meta http-equiv="expires" content="0"/>
2.pragma
禁止浏览器从本地磁盘缓存中获取内容,浏览器一旦离开改网页就无法脱机访问该页面。
<meta http-equiv="pragma" content="no-cache"/>
3.refresh
指定浏览器多长时间后自动刷新指定页面。
<meta http-equiv="refresh" content="2"/> <!--2秒后自动刷新当前页面--> <meta http-equiv="refresh" content="2;URL=http://www.baidu.com"/> <!--2秒后自动刷新并跳转到"http://www.baidu.com"网页-->
4.set-cookie
设置cokkie,如果网页过期,客户端上的cokkie也将被删除。
<meta http-equiv="set-cokkie" content="name=value expires= Sat Sep 27 16:12:36 CST 2008,path=/"/> <!--必须使用GMT格式>
5.content-type
设定页面使用的字符集,一般为UTF-8;
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
6.window-target
强制当前页面以独立的页面打开,避免被引用的到其它网页的框架内。
<meta http-equiv="window-target" content="_top"/>
7.Page_Enter,Page_Exit
进入页面时的特效:
<meta http-equiv="Page_Enter" content="revealTrans(duration=1.0,transition=12)"/>
离开页面时的特效:
<meta http-equiv="Pge-Exit" content="revealTrans(duration=1.0,transition=12)"/>
duration是动画持续时间,单位是秒。
transition是动画的方式,值为0-23;分别对应如下:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式
8.清除缓存
<meta http-equiv="cache-control" content="no-cache"/> <meta http-equiv="cache-control" content="max-age=7200"/>
9.关键字
指定关键字,便于搜索引擎搜索
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
10.页面描述
<meta http-equiv="description" content="This is a page">
name:指定元信息的名称,该名称值可以随意指定。
content:指定元信息的值。
charset:指定该页面的字符集。
2020.2.16补充:Page-Enter等好多属性很多浏览器并不支持,看看就好,特效之类的还是用JS去写比较好。常见的属性值只有七个,分别是:content-type定义文档字符集,keywords关键词,description内容摘要,expires设置网页期限,refresh设置刷新时间和跳转页面,pics-label网页缓存时间设置,reply-to回复地址。其中前三个是需要重点掌握的。