meta元素负责搞定其他元素（title, style, script, link等）处理不了的元数据metadata。什么是metadata？这里是它的一个英文解释，大概意思是：描述数据的数据。举个例子：html文档是数据，那么描述这份html文档是谁写的，什么时候写的，是关于什么的，标题是什么的这些数据就是所谓metadata。
属性
-
charset：网页字符编码 -
content：与http-equiv或者name配合着用 -
http-equiv：与content搭配组成“名称-值”这样的组合，http-equiv负责“名称”，content负责“值”。目前，http-equiv能用的“名称”被裁员了，只剩两个了 -
name：与http-equiv的用法相似。但name负责的是作者名字，网页关键字之类的数据，能用的“名称”有近十个。
应用
指明网页字符编码
下面这段代码或许已经是固定搭配了。【bilibili】和【facebook】都在head元素的第一行里出现了。但是我意外的没在【百度首页】和【谷歌首页】看到，难道搜索引擎不要出现这个。
<!-- 指明网页字符编码为utf-8-->
<meta charser="utf-8">
网页定时刷新
<!-- 5s刷新一次-->
<!-- NOTE: content的值应该为正整数-->
<meta http-equiv="refresh" content="5">
自动跳转到其他网页
<!-- 5s后跳转到百度-->
<!-- NOTE: content的值应该为正整数-->
<meta http-equiv="refresh" content="5;https://www.baidu.com/">
描述网页作者、网页描述、网页关键字或写这个网页用的软件。
<!-- 作者-->
<meta name="author" content="God">
<!-- 网页描述-->
<meta name="description" content="This page is about meta element of HTML. the meta element is very useful and complex. It is difficult for me to understand.">
<!-- 网页关键字-->
<!-- NOTE：是keywords，不是keyword-->
<meta name="keywords" content="God">
<!-- 写这个网页的软件-->
<meta name="generator" content="Notpad++">
