HTML meta标签的使用

介绍：

用来设置元数据， 这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。

属性：主要有name和http-equiv属性

name的使用

name属性主要用于描述网页，比如网页的关键词，描述等。与之对应的属性值为content，content中的内容是对name填入属性名称的具体描述，便于搜索引擎抓取。类似于关联组中键和值得关系

keywords(关键字)

告诉搜索引擎，你网页的关键字，每个关键字用逗号隔开。

举例：

<meta name="keywords" content="搜索,查询,等等...">

description(网站内容的描述)

用于告诉搜索引擎，你网站的主要内容。

举例：

<meta name="description" content="网站的主要内容">

viewport(移动端的窗口)

用于设计移动端响应式网页设计。在用bootstrap,AmazeUI等框架时候都有用过viewport。

举例：

<meta name="viewport" content="width=device-width, initial-scale=1">

robots(定义搜索引擎爬虫的索引方式)

robots用来告诉爬虫哪些页面需要索引，哪些页面不需要索引。默认是all。

举例：

<meta name="robots" content="none"> 

具体参数如下：

• .none : 搜索引擎将忽略此网页，等价于noindex，nofollow。
• noindex : 搜索引擎不索引此网页。
• nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
• all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
• index : 搜索引擎索引此网页。
• follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。

author(作者)

用于标注网页作者举例：

<meta name="author" content="email：234455554@qq.com"> 

copyright(版权)

用于标注版权信息举例：

<meta name="copyright"content="Lxxyx">

revisit-after(搜索引擎爬虫重访时间)

如果页面不是经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义的默认时间来访问。

举例：

<meta name="revisit-after" content="7 days" >

http-equiv的使用

类似于http请求头信息：所以，http-equiv 等于请求头名称，content 等于请求头值
举例：

<meta http-equiv="content-type" content="text/html;charset=utf-8" >

具体可以参考http请求头列表