meta标签

212 阅读2分钟

内容来源:mp.weixin.qq.com/s/aBR2tFhr_…

1. http-equiv 属性

http-equiv一般设置的都是与http请求头相关的信息,设置的值会关联到http头部,也就是说浏览器在请求服务器获取HTML的时候,服务器会将HTML中设置的meta放在响应头中返回给浏览器。 常见的类型比如content-type,expires,refresh,set-cookie,window-target,charset,pragma等。

1. content-type

比如:可以用来声明文档类型,设置字符集,content-type几乎所有的属性都可以在meta中进行设置。 这样设置浏览器的头信息就会包含: content-type: text/html charset=utf8

2. expires

用于设置浏览器的过期时间, 其实就是响应头中的expires属性。 expires:31 Dec 2008

3. refresh

该种设定表示5秒自动刷新并且跳转到指定的网页。如果不设置url的值那么浏览器则刷新本网页。

4. window-target

强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。 <meta http-equiv="window-target" content="_top'>

5. pragma

禁止浏览器从本地计算机的缓存中访问页面的内容

2. name 属性

name属性主要用于描述网页,与对应的content中的内容主要是便于搜索引擎查找信息和分类信息用的, 用法与http-equiv相同,name设置属性名,content设置属性值。

1. author

author用来标注网页的作者

2. description

description用来告诉搜素引擎当前网页的主要内容,是关于网站的一段描述信息。

3. keywords

keywords设置网页的关键字,来告诉浏览器关键字是什么。是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

4. generator

表示当前html是用什么工具编写生成的,并没有实际作用,一般是编辑器自动创建的。

5. revised

指定页面的最新版本

6. robots

告诉搜索引擎机器人抓取哪些页面,all / none / index / noindex / follow / nofollow。

all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;index:文件将被检索;follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;nofollow:文件将不被检索,页面上的链接可以被查询。