HTML标签之meta标签基础

1.<meta>标签是什么？

meta标签无兼容问题，所有浏览器都支持。

html中<meta name="" content="" >，无结束标签。

xhtml中<meta name="" content="" />，有结束标签，正确关闭。

2.<meta>标签的属性

分为可选属性和必须属性 <meta 可选属性="" 必须属性="" />

可选属性

属性	值	描述
http-equiv	content-type refresh set-cookie ……	关联到http头部的相关属性值设定
name	author description keywords ……	将content属性关联到一个名称
scheme	sometext	定义用于翻译content属性值得格式

(1)http-equiv属性 -- HTTP协议的响应头报文

此属性用于代替name，HTTP服务器通过此属性收集HTTP协议的响应头报文,指示服务器在发送实际的文档之前,先要传送给浏览器的 MIME 文档头部包含的名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。所有服务器都至少要发送一个content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：
　　　　<meta http-equiv="charset" content="iso-8859-1" />
　　　　<meta http-equiv="expires" content="31 Dec 2008" />
　　这样发送到浏览器的头部就应该包含：
　　　　content-type: text/html
　　　　charset:iso-8859-1
　　　　expires:31 Dec 2008
　　当然，只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。

　　①content-type

　　设定页面使用的字符集，如text/html,text/xml，可以参考http://tool.oschina.net/commons

　　例：<meta http-equiv="content-Type"content="text/html;charset=gb2312" />

　　②refresh

　　自动刷新并指向新页面，<meta http-equiv="refresh" content="2;URL=http://www.baidu.com" />

　　表示停留2秒后，刷新并跳转到URL所指的页面

　　③expires

　　设定网页到期时间，网页过期后必须到服务器上重新传输。

　　<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT" /> 必须使用GMT的时间格式。

　　④set-cookie

　　如果网页过期，则将存盘的cookie删除

　　<meta http-equiv="set-Cookie" content="cookievalue=xxx;expires=Friday,12 Jan 2001 18:18:18 GMT； path=/" />注意：必须使用GMT的时间格式。

　　⑤content-language

　　显示语言的设定 <meta http-equiv="content-language" content="zh-cn" />　　

Chinese(Simplified)	zh-cn
Chinese(Traditional)	zh-tw
English	en
French	fr
其他	utf-8
繁体中文	BIG5

　　⑥pragma

　　禁止浏览器从本地计算机的缓存中访问页面内容，也即表示无法脱机浏览

　　⑦window-target

　　强制页面在当前窗口以独立页面显示，防止别人在框架中调用自己的页面

　　⑧Cache-Control指定请求和响应遵循的缓存机制。
　　Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。
　　各个消息中的指令含义如下：
　　Public指示响应可被任何缓存区缓存
　　Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应　　消息，此响应消息对于其他用户的请求无效
　　no-cache指示请求或响应消息不能缓存
　　no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
　　max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
　　min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
　　max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

(2)name属性

　　①Keywords
　　用来告诉搜索引擎你网页的关键字是什么。
　　<meta name="keywords" content="science,education……" />
　　②description
　　用来告诉搜索引擎你的网站主要内容。
　　<meta name="description" content="This page is about……." />
　　③robots
　　机器人向导，用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
　　content的参数有all,none,index,noindex,follow,nofollow。默认是all。
　　<meta name="robots" content="none" />
　　④author
　　标注网页的作者,<meta name="author" content="XXX" />

(2)scheme属性

posted on 2014-04-27 16:18 珠峰揽月阅读(106) 评论(0) 收藏举报