javaWeb学习总结（4）- HTML 关于head中的<meta>标签
2014-12-11 17:01
405 查看
关于<meta> 标签
<meta>标签出现在网页的标题部分，这些信息并不会出现在浏览器页面的显示之中，只会显示在源代码中。也就是在...当中。
主要用途是设置网页语言的编码方式。
一般这样来进行设置：
<head>
<meta http-equiv="Content-Type" content="text/html"
charset=gb2312>
</head>
http-equiv传送HTTP通信协议的标头，content中定义页面的内码。
charset用于设置网页的编码语系，简体中文网页使用charset=gb2312,繁体中文使用big5,纯英文的建议使用iso-8859-1。
当然还可以提供文档的关键字、作者、描述等多种信息。
在HTML的头部是可以包括任意数量的<meta>标记的
(1).设定关键字：
关键字是为搜索引擎提供的，例如一个音乐网站，为了提高在搜索引擎中被搜索到的机率，可以设定多个和音乐主题相关的关键字以便搜索。
需要注意的是：大多数搜索引擎检索时都会限制关键字的数量，有时过多，可以就会在检索中被忽略。所以不宜过多。关键字之间用逗号分隔。
基本语法：<meta name="keywords"
content="value">
这里的keywords为关键字定义，而content中的值则是关键字的内容。
(2).设置作者：
<meta name="author"
content="作者的信息">
(3).设置自动刷新：
使用HTTP-equiv属性中的Refresh能够设定页面的自动刷新，就是每隔几秒的时间刷新页面的内容。例：论坛消息的自动更新。
例：<meta http-equiv="refresh"
content="180">
则页面每隔三分钟自动刷新一次,180秒为3分钟。
(4).设定自动跳转：
如果我们的网站地址有所变化，希望在当前的页面中等等几秒钟之后就自动中转到新的网站地址，可以通过设定中转时间和地址来实现。
现在自动跳转特性已经被越来越多的网站所采用。如：可以先在一个页面上显示欢迎信息，经过一段时间，自动跳转到指定的网页上。
例：<meta http-equiv="refresh"
content="10;url=http//www.baidu.com">
http-equiv传送HTTP通信的标头，Refresh代表刷新，Content中写的是跳转间隔的秒数以及跳转后打开的文件地址。
那么上面的那句话的意思就是：在10秒后页面跳转到百度中去。
(5).设定转场效果：
转场效果即网页过渡，是择时当进入或离开网站时，页面具有不同的切换效果，添加此功能可以使网页看起来更具有动感。
例：<meta http-equiv="page-Enter或page-exit"
content="revealtrans(duration=3,transition=21)">
page-Enter表示进入网页时有网页过渡效果。page-exit表示退出网页时有网页过渡效果。
duration中写下的是网页过渡效果的延续时间，单位为秒。
transition中写下过渡效果的方式编号。
上面语句的意思是：在网页进入或退出时，延时3秒，使用效果编号为21的效果。
过渡效果的编号及含义：
盒状收缩：0 盒状展开：1 圆形收缩：2
圆形展开：3 向上擦除：4 向下擦除：5
向左擦除：6 向右擦除：7 垂直百叶窗：8
水平百叶窗：9 横向棋盘式：10 纵向棋盘式：11
溶解：12 左右向中部收缩：13 中部向左右展开：14
上下向中部收缩：15 中部向上下展开：16 阶梯状向左下展开：17
阶梯状向左上展开：18 阶梯状向右下展开：19 阶梯状向右上展开：20
随机水平线：21 随机垂直线：22 随机：23
(6).设置禁用缓存：
<meta http-equiv="cache-control"
content="no-cache">
cache-control为缓存控制，content中定义禁止缓存。
(7).设置网页的有效期限：
<meta http-equiv="expires" content="sat,11 dec 2004
11 25 59 GMT">
到期时间为2004年12月11日星期六上午11点25分59秒
详细参考w3c介绍：http://www.w3school.com.cn/tags/tag_meta.asp
<meta>标签出现在网页的标题部分，这些信息并不会出现在浏览器页面的显示之中，只会显示在源代码中。也就是在...当中。
主要用途是设置网页语言的编码方式。
一般这样来进行设置：
<head>
<meta http-equiv="Content-Type" content="text/html"
charset=gb2312>
</head>
http-equiv传送HTTP通信协议的标头，content中定义页面的内码。
charset用于设置网页的编码语系，简体中文网页使用charset=gb2312,繁体中文使用big5,纯英文的建议使用iso-8859-1。
当然还可以提供文档的关键字、作者、描述等多种信息。
在HTML的头部是可以包括任意数量的<meta>标记的
(1).设定关键字：
关键字是为搜索引擎提供的，例如一个音乐网站，为了提高在搜索引擎中被搜索到的机率，可以设定多个和音乐主题相关的关键字以便搜索。
需要注意的是：大多数搜索引擎检索时都会限制关键字的数量，有时过多，可以就会在检索中被忽略。所以不宜过多。关键字之间用逗号分隔。
基本语法：<meta name="keywords"
content="value">
这里的keywords为关键字定义，而content中的值则是关键字的内容。
(2).设置作者：
<meta name="author"
content="作者的信息">
(3).设置自动刷新：
使用HTTP-equiv属性中的Refresh能够设定页面的自动刷新，就是每隔几秒的时间刷新页面的内容。例：论坛消息的自动更新。
例：<meta http-equiv="refresh"
content="180">
则页面每隔三分钟自动刷新一次,180秒为3分钟。
(4).设定自动跳转：
如果我们的网站地址有所变化，希望在当前的页面中等等几秒钟之后就自动中转到新的网站地址，可以通过设定中转时间和地址来实现。
现在自动跳转特性已经被越来越多的网站所采用。如：可以先在一个页面上显示欢迎信息，经过一段时间，自动跳转到指定的网页上。
例：<meta http-equiv="refresh"
content="10;url=http//www.baidu.com">
http-equiv传送HTTP通信的标头，Refresh代表刷新，Content中写的是跳转间隔的秒数以及跳转后打开的文件地址。
那么上面的那句话的意思就是：在10秒后页面跳转到百度中去。
(5).设定转场效果：
转场效果即网页过渡，是择时当进入或离开网站时，页面具有不同的切换效果，添加此功能可以使网页看起来更具有动感。
例：<meta http-equiv="page-Enter或page-exit"
content="revealtrans(duration=3,transition=21)">
page-Enter表示进入网页时有网页过渡效果。page-exit表示退出网页时有网页过渡效果。
duration中写下的是网页过渡效果的延续时间，单位为秒。
transition中写下过渡效果的方式编号。
上面语句的意思是：在网页进入或退出时，延时3秒，使用效果编号为21的效果。
过渡效果的编号及含义：
盒状收缩：0 盒状展开：1 圆形收缩：2
圆形展开：3 向上擦除：4 向下擦除：5
向左擦除：6 向右擦除：7 垂直百叶窗：8
水平百叶窗：9 横向棋盘式：10 纵向棋盘式：11
溶解：12 左右向中部收缩：13 中部向左右展开：14
上下向中部收缩：15 中部向上下展开：16 阶梯状向左下展开：17
阶梯状向左上展开：18 阶梯状向右下展开：19 阶梯状向右上展开：20
随机水平线：21 随机垂直线：22 随机：23
(6).设置禁用缓存：
<meta http-equiv="cache-control"
content="no-cache">
cache-control为缓存控制，content中定义禁止缓存。
(7).设置网页的有效期限：
<meta http-equiv="expires" content="sat,11 dec 2004
11 25 59 GMT">
到期时间为2004年12月11日星期六上午11点25分59秒
详细参考w3c介绍：http://www.w3school.com.cn/tags/tag_meta.asp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- <meta> html 的 meta 总结，html 标签中 meta 属性使用介绍
- html的<meta>标签的作用
- 细说HTML<head>内标签之<meta>
- HTMlL <meta>标签总结
- 关于jsp页面中的pageEncoding和contentType以及html中的<meta标签中字符集的设置（转）
- HTML中的<meta>标签的使用详解
- HTML标签meta总结,HTML5 head meta属性整理
- html标签中的<meta charset="utf-8">是什么鬼？
- 关于html头部<head>标签四要素的认识
- 关于html中的<pre>标签
- 关于<meta>标签的开闭 HTML 与 XHTML 之间的差异
- 在ASP.NET程序中用程序动态向<head>便签里添加<meta>标签
- HTML中的<meta>标签的作用
- 关于H5中的<video></video>标签的用法总结
- HTML的<head>中的内容总结
- <meta />标签用法总结
- HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思
- html标签中的<meta charset="utf-8">是什么鬼？
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content