1. HTML5中的meta
HTML5中的标签提供了有关HTML文档的元数据信息。这些元数据不会以任何方式直接影响文档的显示，但可能对像搜索引擎这样的应用程序很有用。
1.1 属性常见值
下面是一些常用的属性：
charset：定义字符集。
name：定义元素的名称。
http-equiv：类似于HTTP头部中的信息，用于指定一些与HTTP相关的元数据信息。
content：定义元素的内容。
例如：
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
1.2 viewport
viewport用于设置移动设备的视口（viewport），可以通过设置视口来控制移动设备上的布局和视窗大小，这对于响应式设计非常重要。
下面是一个简单的视口示例：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
其中，width=device-width会匹配设备的宽度，initial-scale=1.0会设置初始缩放级别为1.0。
1.3 字符集
charset属性用于定义文档的字符编码集。在HTML5中，一般使用UTF-8编码（支持所有语言），所以设置如下：
<meta charset="UTF-8">
这样设置后，你的HTML文档就可以支持所有的语言和符号了。
1.4 其他常见值
http-equiv属性还有其他的一些常用值：
content-type：定义文档的MIME类型。
refresh：定义自动刷新和重定向。例如：<meta http-equiv="refresh" content="5;url=http://www.example.com">，页面将在5秒钟后重定向到http://www.example.com。
X-UA-Compatible：用于指定IE浏览器的渲染模式，例如：<meta http-equiv="X-UA-Compatible" content="IE=edge">。
keywords：定义网站的关键词，用于SEO。如：<meta name="keywords" content="HTML, CSS, JavaScript">。
2. 总结
通过使用标签，您可以为您的网页提供一些元数据信息，这对于开发者和用户都是非常有用的。在HTML5中，viewport和charset是最重要的属性之一。