极客笔记HTML 解释元标签的用法
HTML允许我们以多种方式指定文档的元数据（即额外重要信息）。元素可以让我们包含指定HTML文档的属性，例如页面描述、字符集、关键字、作者和视口设置的名称/值对。
我们可以使用<meta>标签在HTML文档中包含元数据。它是一个空标签，没有闭合标签。<meta>标签将出现在HTML文档的<head>元素内。
这些指定的元数据不会显示在网页上，而是被Web浏览器和搜索引擎（关键字）使用。
语法
以下是在HTML文档中使用<meta/>标签的语法和位置：
<head>
<meta attribute_name = "">
</head>
属性
meta标签可以包含以下属性：
| 序号 | 属性和描述 |
|---|---|
| 1 | charset 它指定HTML文档的字符编码。 |
| 2 | name 它为元数据指定一个名称。 |
| 3 | http-equiv 它用于HTTP响应消息头。 |
| 4 | content 它指定与http-equiv或name属性相关联的值。 |
示例
在以下示例中，我们使用charset属性设置了HTML文档的字符集：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Body content...</p>
</body>
</html>
示例
在下面的例子中，我们使用name属性来定义HTML文档的关键字、作者姓名和视口设置。
<!DOCTYPE html>
<html>
<head>
<!--Defines description for the web page-->
<meta name="keywords" content="HTML,CSS,JavaScript,React,Node,Angualar">
<!--Defines the author of the webpage-->
<meta name="author" content="Mohtashim">
<!--Defines the viewport settings-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p>Body content...</p>
</body>
</html>
示例
以下示例描述了使用http-equiv属性的用法，其值为”refresh” −
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="2" />
</head>
<body>
<p>Body content...</p>
</body>
</html>