meta的属性

组成

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

1. name属性

name属性用于描述网页，比如网页的关键词、叙述等。和content中的内容对应，便于搜索引擎抓取。

<meta name ="参数" content="具体的描述">

A.keywords：描述网页关键字

<meta name="keywords" content="个人博客、前端知识">

B.description：描述网页内容

<meta name="description" content="这是我的第一篇博客，主要内容介绍了meta常见属性值">

C.viewport：设置移动端网页窗口的自适应

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

2.http-equiv属性

<meta http-equiv="参数" content="描述">

A.content-Type

用于设定网页字符集，便于浏览器解析与渲染页面

<meta http-equiv="content-Type" charset="utf-8">//HTML5设定字符集的方式

B.X-UA-Compatible

用于告知浏览器以何种版本来渲染页面。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

C.cache-control

指定请求和相应遵循的缓存机制

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

缓存方法以下几种：(以后再研究)

1. no-cahe
2. no-store
3. public
4. private
5. maxage

D.expires

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

E.refresh

说明：网页将在设定的时间内，自动刷新并调向设定的网址

F.Set-Cookie

设置cookie