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回复地址。其中前三个是需要重点掌握的。

posted @ 2020-02-14 23:00  Syinho  阅读(172)  评论(0编辑  收藏  举报