关于<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

javaWeb学习总结（4）- HTML 关于head中的<meta>标签的更多相关文章

  1. HTML中的<meta>标签的使用

    HTML中<meta>标签的使用 在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTM ...

  2. Javaweb学习笔记6—EL表达式与JSTL及自定义标签

    今天来讲javaweb的第六阶段学习. EL表达式与JSTL及自定义标签是对上篇文章介绍的JSP的扩展,不能说是很重要的东西,但是也要了解. 老规矩,首先先用一张思维导图来展现今天的博客内容. ps: ...

  3. Javaweb学习笔记——（十三）——————JSTL、JSTL核心标签库、自定义标签、有标签体的标签、带有属性的标签、MVC、Javaweb三层框架

    JSTLApache提供的标签库 jar包:jstl-1.2.jar,如果传MyEclipse,他会在我们导入jar包,无需自己导入,如果没有使用MyEclipse那么需要自行导入.--------- ...

  4. 手机页面中的meta标签

    以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...

  5. HTML中的meta标签常用属性及其作用总结

    文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTM ...

  6. HTML 中的meta标签中的http-equiv与name属性使用介绍

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  7. 浅析网站开发中的 meta 标签的作用

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  8. html中的meta标签是什么？有哪些属性？

    meta标签介绍 meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据.这些元数据将服务于浏览器,搜索引擎和其他网络服务. meta标签的 ...

  9. HTML中的Meta标签详解

    emta标签的组成:meta标签分两大部分:HTTP-EQUIV和NAME变量. HTTP-EQUIV:HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显 ...

随机推荐

  1. 云计算之路-阿里云上：RDS数据库连接数过万引发故障，主备库切换后恢复正常

    非常抱歉!今天 12:03-12:52 ,由于数据库连接数异常突增超过1万,达到了阿里云RDS的最大连接数限制,影响了全站的正常访问.由此给您带来麻烦,请您谅解. 在发现数据库连接数突增的问题后,我们 ...

  2. input是否checked与使用jquery的attr或prop方法无关

    最近在项目中有这样一个需求,用户在下单时可以选择优惠券,也可取消选择,并且可以多次选择,取消. 这是一个典型的input标签checked功能,博主使用radio元素实现此需求,但是优惠券只能选中,不 ...

  3. (iOS)关于@property和@synthesize的理解(原创)

    开始学习ios的时候,就对一些objc的语法不理解,就比如@property和@synthesize,之前都是记住然后照着用,但是写的代码多了,对objc和ios有了一些理解,再加上最近用MRC,所以 ...

  4. toastr.js插件用法

    toastr.js插件用法 toastr.js是一个基于jQuery的非阻塞通知的JavaScript库.toastr.js可以设定四种通知模式:成功.出错.警告.提示.提示窗口的位置.动画效果等都可 ...

  5. DataTable 转实体

    因为Linq的查询功能很强大,所以从数据库中拿到的数据为了处理方便,我都会转换成实体集合List<T>. 开始用的是硬编码的方式,好理解,但通用性极低,下面是控件台中的代码: using ...

  6. ios 获取当前设备信息、内存

    //在[UIDevice currentDevice]中的属性 @property(nonatomic,readonly,strong) NSString *name; // e.g. "M ...

  7. 告别findViewById(),ButterKnife,使用Google Data Binding Library(1)

    Data Binding Library 用数据绑定编写声名性布局,可以最大限度的减少findViewById(),setOnClickListener()之类的代码.并且比起findViewById ...

  8. js 不要使用new

    (1)不要使用new Array(),new Number, new String, or new Boolean. 等等 如果要新建数组,没有必要使用new Array(),使用[];原因是直观. ...

  9. tcp并发服务端

    TCP并发服务器:并发服务器的思想是每一个客户端的请求并不由服务器的主进程直接处理,而是服务器主进程创建一个子进程来处理. 创建TCP并发服务器的算法如下: socket(……): //创建一个TCP ...

  10. [JavaWeb]SpringSecurity-OAuth2.0 统一认证、资源分离的配置，用于分布式架构、模块化开发的认证体系

    前言 关于 OAuth2.0的认证体系,翻阅了好多资料,RCF 文档太多,看了一半就看不下去了,毕竟全英文的文档看起来,是有一点让我烦躁,但也对 OAuth2.0的认证流程有了一个基本的概念,之前用 ...