HTML <meta> name 属性
示例
使用 name 属性来定义 HTML 文档的描述、关键词和作者。还可以定义视窗来控制不同设备的页面尺寸和缩放。
<head>
<meta name="description" content="免费网页教程">
<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>
试一试 »
The name 属性指定元数据的名称。
The name 属性为 content 属性的信息/值指定一个名称。
注意: 如果设置了 http-equiv 属性，则不应设置 name 属性。
HTML5 引入了一种方法，让网页设计师可以通过 <meta> 标签控制视窗（用户可见的网页区域）（参见下面的“设置视窗”示例）。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| name | 是 | 是 | 是 | 是 | 是 |
语法
<meta name="value">
属性值
| 值 | 描述 |
|---|---|
| application-name | 指定页面所代表的 Web 应用程序的名称 |
| author | 指定文档作者的姓名。示例<meta name="author" content="John Doe">
|
| description | 指定页面的描述。搜索引擎可以获取此描述，并在搜索结果中显示。示例<meta name="description" content="免费网页教程">
|
| generator | 指定用于生成文档的软件包之一（不适用于手工制作的页面）。示例<meta name="generator" content="FrontPage 4.0">
|
| keywords | 指定与页面相关的关键词的逗号分隔列表（告知搜索引擎页面是关于什么的）。示例<meta name="keywords" content="HTML, meta 标签, 标签参考">
|
| viewport | 控制视窗（用户可见的网页区域）。 视窗因设备而异，在手机上会比在电脑屏幕上更小。 您应该在所有网页中包含以下 <meta> 视窗元素 <meta name="viewport" content="width=device-width, initial-scale=1.0">
A <meta> 视窗元素向浏览器提供有关如何控制页面尺寸和缩放的说明。 The width=device-width 部分将页面的宽度设置为跟随设备的屏幕宽度（这将根据设备的不同而有所不同）。 The initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。 以下是一个没有视窗元标签的网页示例，以及同一个有视窗元标签的网页 提示: 如果您使用的是手机或平板电脑浏览此页面，您可以点击下面的两个链接来查看区别。 您可以在我们的 响应式网页设计 - 视窗教程 中了解更多关于视窗的信息。 |
❮ HTML <meta> 标签
