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++">