在HTML中元数据的使用与几个应用场景
元数据
提一下元数据，这个可能陌生的名词其实并不陌生，因为我们常常为我们的
HTML文档添加元数据
元数据的官方概念：描述数据的数据。有点套娃，所以难懂，下面我们来看一下元数据对于HTML文档的作用，就能大致明白元数据概念
因为元数据是描述数据的数据，所以元数据可以描述HTML文档的作者， 标题，概述等等，我们可以通过添加元数据来完善我们的HTML文档，达到更好地一个SEO效果
那么我们如何为我们的HTML文档添加元数据呢，下面我们来看看head，meta，link，与script
添加元数据
我们可以使用head，meta，link，与script来为我们的HTML文档添加元数据，各有各的作用
<head>标签是作为存储元数据的容器，在整个文档中，我们想要添加的元数据需要存储在<head>包裹的区域内<meta>标签可以为HTML文档添加元数据，他有很多种类，下面会具体介绍基本的构成和常见的应用<link>标签可以为我们的文档添加自定义图标，也可以引入CSS<script>标签可以引入外部脚本文件
一个普通的元数据存储区域如下所示
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>他包含了三个<meta>与一个<title>，分别定义了字符集，http请求头与视窗，描述了这个文档这三个方面的数据，也就是所谓的描述数据的数据。
了解完元数据概念和在HTML中的使用后，我们来主要学习一下<meta>，<link>，<script>的属性与常见的应用场景。
meta
属性
<meta>的属性常用的主要有四个，分别是name，content，charset，http-equiv，分别介绍一下他们的作用
name与content是搭配使用的，一般用来描述文档，其以键值对形式存在，即name是键，content是值charset一般用来规定文档的字符集，比如规定·字符集为Utf-8http-equiv也与content搭配使用，也是以键值对形式，用于设置http响应头
这四种基本的属性的作用与使用方法掌握后，让我们来看看实际的应用场景
常见应用场景
添加文档描述信息
一般我们如果想要网页拥有更好地seo的话，就需要为我们的文档添加详细的描述元数据，比如我为我的网页添加作者描述与介绍描述
<head>
<meta name="keyword" content="互联网">
<meta name="author" content="猪痞恶霸">
<meta name="introduce" content="这是猪痞恶霸介绍元数据及其应用的文章">
</head>这样的话seo会根据关键词与文档设置的描述，将相关内容推送给更多用户
设置文档编码方式
有些文档需要提供给很多不同国家的用户，所以需要控制文档的编码，根据个性化语言来设置不同的编码方式，我们常用的是Utf-8编码，因为通用字符集的特性可以更好地解析网页
<meta charset="utf-8">link
属性
<link>的属性主要包括rel，href，media
href其值为链接到文件地路径rel主要描述链接地关系，经常与href联合使用media可以控制引入，根据媒体类型的不同来引入不同的资源
常见应用场景
自定义图标
为文档设置自定义图标
<link rel="icon" href="favicon.ico">这里的rel认定了其是icon关联资源文件，默认的文档图标是favicon.ico
引入CSS
一般引入外部CSS是通过link来引入的
<link href="print.css" rel="stylesheet" >css引入通过href加载路径，rel规定其为样式表
script
属性
<script>的属性主要包括async，crossorigin与defer
src：其值为外部资源文件的路径async：其控制脚本异步执行defer：控制脚本执行在文档解析之后
async与defer还是比较重要的，
常见应用场景
引入脚本文件
<script src="index.js"></script>通过<script>引入外部脚本文件，嵌入内部，然后根据各个模块的脚本文件的需要，按需注入需要的属性
