html5-meta标签和搜索引擎

emta标签的组成：

meta标签分两大部分：HTTP-EQUIV 和 NAME 变量。

HTTP-EQUIV:
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
常用的HTTP-EQUIV类型有：
1.expires(期限)：
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
用法：

<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">

注意：必须使用GMT的时间格式。
2.Pragma(cach模式)：
说明：禁止浏览器从本地机的缓存中调阅页面内容。
用法：

<meta http-equiv="Pragma" content="no-cache">

注意：这样设定，访问者将无法脱机浏览。
3.Refresh(刷新)：
说明：需要定时让网页自动链接到其它网页的话，就用这句了。
用法：

<meta http-equiv="Refresh" content="5;URL=http://www.yahoo.com">

注意：其中的5是指停留5秒钟后自动刷新到URL网址。
4.Set-Cookie(cookie设定)：
说明：如果网页过期，那么存盘的cookie将被删除。
用法：

<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

注意：必须使用GMT的时间格式。
5.Window-target(显示窗口的设定):
说明：强制页面在当前窗口以独立页面显示。
用法：

<meta http-equiv="Window-target" content="_top">

注意：用来防止别人在框架里调用你的页面。
6.Content-Type(显示字符集的设定):
说明：设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)
用法：

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

NAME变量:
meat标签的NAME变量语法格式是：

<meta name="xxx" content="xxxxxxxxxxxxxxxxxx">

其中xxx主要有下面几种参数：
1.Keywords(关键字)：
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：

<meta name="keywords" content="life, universe, mankind, plants,relationships, the meaning of life, science">

2.description(简介)：
说明：description用来告诉搜索引擎你的网站主要内容。
举例：

<meta name="description" content="This page is about the meaning of life, the universe, mankind and plants.">

3.robots(机器人向导)：
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：

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

4.author(作者)：
说明：标注网页的作者
举例：

<meta name="AUTHOR" content="ajie,ajie@netease.com">

5.应用

<meta charset="utf-8"> //字符集，为了解决语法正常解析

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

<meta http-equiv="X-UA-Compatible" content="ie=edge" /> //浏览器兼容

<meta name="description" content="全球最大的中文web技术教程" /> //网页描述

<meta name="description" content="全球最大的中文web技术教程" /> //网页描述

<meta name="robots" content="NOINDEX,NOFOLLOW" /> //不让搜索引擎收到

title：搜索引擎优化

<title>HTML</title>

link：页签logo

<link rel="icon" type="image/png" size="16X16" href="/ui2019/w3.png">