元数据也就是meta元素，主要用于描述文档，除了全局属性，还有以下四个属性：charset，content,name,http-equiv;
charest:描述了当前文档所用的字符编码，推荐使用UTF-8，写在第一行；
content:为name或http-equiv属性提供了相关值的定义；
name常用的有以下属性:
description:描述文档内容，是一段文字
keywords:描述文档内容，是一个一个的关键字
viewport:移动界面使用
application-name:如果是一个web应用，定义web应用名称
author:文档的作者
generator:生成文档的软件名称
referrer:
网易云音乐示例：
<meta name="keywords" content="网易云音乐，音乐，播放器，网易，下载，播放，DJ">
<meta name="description" content="网易云音乐是一款.......为用户打造的全新音乐生活">
viewport示例
其中在移动端页面一定会用到viewport这个属性，用来定义移动页面的宽，高，缩放比例等
常用的content值有：width,height,initial-scale,maximum-scale,minimum-scale,user-scalable
s示例：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
width=device-width:表示宽度和设备的宽度一样宽。
initial-scale=1.0：初始的缩放为1.0
referrer示例
<meta name="referrer" content="never">
案例：防盗链
通常如果直接在我们自己的网页中引用如QQ空间的图片，会显示防盗图，因为QQ空间不给权限引用，因此，我们要在开头加上上面的meta，去掉权限控制。
http-equiv示例
通常有以下值：
refresh:设置多久页面刷新一次，或者刷新后跳转到另一个页面；
content-language:定义了页面使用的默认语言，不建议使用这个；
content-type:定义了页面的默认编码方式；
default-style:定义了使用的预定义默认样式表；
set-cookie:设置使用页面的cookie，不建议使用；
另外有一个值，叫做：X-UA-Compatible，这个值不是规范定义，是IE浏览器自己定义的，用于在以后所有版本的IE浏览器显示一致，具体写法为：<meta http-equiv="X-UA-compatible" content="ie=edge">,通常ie等于最新的IE版本，如果要以8为标准，应该写ie=8