携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第23天，点击查看活动详情
元信息类标签
理解定义
元信息类标签，我们主要需要知道什么是元信息，所谓元信息，就是指描述自身的信息，对HTML文档来说，就是描述当前HTML文档的，一般与业务无关。
元信息多数情况下是给浏览器或搜索引擎之类的工具阅读的。例如，最简单的title元信息，浏览器会把它显示在对应标签页的页签上。通常都是放到head标签中。
标签
head
head标签的作用主要是盛放其他语义类标签，就包括正在说的元信息标签。
必须是html文档的第一个标签，并且要包含一个title标签，而且最多只能包含一个base。如果文档作为iframe，或者其他地方已经有了title标签，也不可以不包含title标签。
title
title标签描述的是文档的标题。这个不用多介绍。
base
它其实是一个历史遗留标签。它的作用是给页面上所有相对URL提供一个基础地址，这其实是一个比较危险的标签，建议慎用。
meta
它是一种通用的元信息标签，可以设置很多种属性来表示不同的含义。
一般由name和content两个属性来定义，如：
<head>
<meta name="application-name" content="application-content">
</head>
除了这类标准的用法，还扩展了一些变体属性。
charset
从HTML5开始，为了简化写法，meta标签新增了charset属性，这个非常重要，定义了当前文档的编码方式。
<meta charset="UTF-8"/>
http-equiv
表示执行一个命令，不需要name属性。
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
上述meta描述的意思是给http请求添加编码方式。除了content-type，还有很多http请求字段都可以进行设置。
viewport
<meta name="viewport" content="width=500, initial-scale=1">
viewport属性有点特殊，这个并非在HTML中官方定义，但确是移动开发事实标准。
上述标签的含义是宽度和缩放，除了这2个，还有很多其他属性，例如：
- height
- minimun-scale：最小缩放比例
- maximun-scale：最大缩放比例
- user-scalable：是否允许用户缩放
