代码拉取完成，页面将自动刷新
描述 HTML 文档中的元数据：
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<meta> 标签定义关于 HTML 文档的元数据。 元数据是关于数据的数据（信息）。
<meta> 标签始终位于 <head> 元素内，通常用于指定字符集、页面描述、关键字、文档作者和视口设置。
元数据不会显示在页面上，但机器可解析。
元数据由浏览器（如何显示内容或重新加载页面）、搜索引擎（关键字）和其他 Web 服务使用。
有一种方法可以让网页设计师通过 <meta> 标签控制视口（网页的用户可见区域）（参见下面的“设置 Viewport”示例）。
| Element |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <meta> | Yes | Yes | Yes | Yes | Yes |
| 属性 | 值 | 描述 |
|---|---|---|
| charset | character_set | 指定 HTML 文档的字符编码 |
| content | text | 指定与 http-equiv 或 name 属性关联的值 |
| http-equiv | content-security-policy content-type default-style refresh |
为内容属性的信息/值提供 HTTP 标头 |
| name | application-name author description generator keywords viewport |
指定元数据的名称 |
<meta> 标签支持 HTML 中的全局属性。
为搜索引擎定义关键字：
<meta name="keywords" content="HTML, CSS, JavaScript">
定义您的网页描述：
<meta name="description" content="Free Web tutorials for HTML and CSS">
定义页面的作者：
<meta name="author" content="John Doe">
每 30 秒刷新一次文档：
<meta http-equiv="refresh" content="30">
设置视口以使您的网站在所有设备上看起来都不错：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Viewport 是网页的用户可见区域。 它因设备而异 - 在手机上会比在电脑屏幕上小。
您应该在所有网页中包含以下 <meta> 元素：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这为浏览器提供了有关如何控制页面尺寸和缩放的说明。
width=device-width 部分设置页面的宽度以跟随设备的屏幕宽度（这将因设备而异）。initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。这是一个网页示例 没有 viewport 元标记，以及同一个网页 带有 viewport 元标记：
提示： 如果您是用手机或平板电脑浏览此页面，您可以点击下面的两个链接查看不同之处。
| 没有 viewport 元标记 | 使用 viewport 元标记 |
|---|---|
 |
 |
HTML 教程: HTML Head
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手