对于刚刚毕业的我，进入公司，就接触了一个名为智慧康养的项目，第一次认真的学习前端，首先学习的是html,先从常用的html标签到什么是元素什么是属性再到学习到了meta标签，学习了meta标签之后才知道，
它是针对搜索引擎和更新频度的描述和关键词，位于头部不包含任何内容。之前在学校也做过一些静态页面，但是那个时候对它的认知并没有怎么深入，那么下面我们来了解一下，meta标签.
定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
<meta name="viewport" content="width=device-width,initial-scale=1.0">
content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
代码展示：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>flex</title> </head> <body> </body> </html>
name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。
<meta name="keywords" content="HTML,ASP,PHP,SQL">
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
<meta http-equiv="content-type|default-style|refresh">
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
属性值
| 值 | 描述 |
|---|---|
| content-type | 规定文档的字符编码。
实例： <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| default-style | 规定要使用的预定义的样式表。
实例： <meta http-equiv="default-style" content="the document's preferred stylesheet"> 注释：上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。 |
| refresh |
