浅谈HTML的meta标签

绝地灬酷狼 2022-06-16 05:42 266阅读 0赞

meta是HTML的head中的一个辅助性标签，其作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。

meta标签共有两个属性：name属性和http-equiv属性。

1、name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找和分类信息。搜索引擎分为两大类：一类为完全人工登录，如Yahoo；另一类为机器人搜索，以机器人搜索的搜索引擎会包含更多的内容，如机器人会搜索网页meta标签中所设置的描述关键字，把它们加入到搜索数据库中，用来索引网页。

1) Keywords(关键字)

告诉搜索引擎网站的关键字。

2) description(网站内容描述)

告诉搜索引擎网站的主要内容。搜索引擎可以使用该描述作为搜索结果。

3) robots(机器人向导)

搜索机器人哪些页面需要索引，哪些页面不需要索引。

content的可能值有：all,none,index,noindex,follow,nofollow，默认是all。

4) author(作者)

告诉搜索引擎网站的作者

2、http-equiv属性

类似于HTTP的头部协议，可以向浏览器回应一些有用信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

1) Expires(期限)

设定网页在缓存中的到期时间，一旦网页过期，必须重新请求服务器获取最新资源。

注意：必须使用GMT的时间格式或直接设为0。

2) Pragma(cache模式)

禁止浏览器从浏览器缓存中读取资源。

结果：无法脱机浏览。

3) Cache-Control（请求和响应遵循的缓存机制的设定）  
指定请求和响应遵循的缓存机制。

content的可能值有：

①　Public：响应可被任何缓存区缓存。

②　Private：对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当前用户的部分响应消息，此响应消息对于其他用户的请求无效。

③　no-cache：请求或响应消息不能缓存。

④　no-store：防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存，完全不存下來。

⑤　max-age：客户端可以接收生存期不大于指定时间（以秒为单位）的响应。

⑥　min-fresh：客户端可以接收响应时间小于当前时间加上指定时间的响应。

⑦　max-stale：客户端可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

设置网页不缓存的三种方法：

4) Refresh(刷新)

设定网页指定时间（秒）后自动刷新，或自动链接到其它网页。

5) Set-Cookie(cookie设定)

说明：设定cookie。浏览器访问某个页面时会将它存在缓存中，下次再访问时就可从缓存中读取以提高速度。当希望每次都刷新，就要禁用缓存。通常HTML文件没有必要禁用缓存，而对于ASP等页面就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，cookie将被删除。

注意：必须使用GMT的时间格式。

6) Window-target(显示窗口的设定)

强制页面在当前窗口以独立页面显示。

content的可能值有：\_blank、\_top、\_self、\_parent。

作用：防止页面被别人在框架里调用。

7) content-Type(显示字符集的设定)

设定页面使用的字符集。

ontent的可能值有：text/xml等文档类型；charset选项：ISO-8859-1(英文)、BIG5、UTF-8、gb2312等字符集。

8) content-Language（显示语言的设定）

设定页面使用的语言。

9) Page-Enter、Page-Exit (页面进入与退出)

设置页面进入与退出时的一些特效。