HTML <meta> 标签的 name 属性

HTML <meta> 标签

实例

使用 name 属性来定义 HTML 文档的描述、关键字和作者。同时定义视口来控制不同设备的页面尺寸和缩放：

  1. <head>
  2.   <meta name="description" content="免费的 Web 教程">
  3.   <meta name="keywords" content="HTML,CSS,JavaScript">
  4.   <meta name="author" content="Bill Gates">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. </head>

定义和用法

name 属性规定元数据的名称。

name 属性规定内容属性的信息/值的名称。

注释：如果设置了 http-equiv 属性，则不应设置 name 属性。

浏览器支持

属性 Chrome Internet Explorer / Edge Firefox Safari Opera
name Yes Yes Yes Yes Yes

语法

  1. <meta name="value">

属性值

application-name

规定页面所代表的 Web 应用程序的名称。

值 描述
author 规定文档作者的姓名。
例子：
<meta name="author" content="Bill Gates">
description 规定页面的描述。搜索引擎可以选择此描述来显示搜索结果。
例子：
<meta name="description" content="Free web tutorials">
generator 规定用于生成文档的软件包之一（不用于手工制作的页面）。
例子：
<meta name="generator" content="FrontPage 4.0">
keywords 规定以逗号分隔的关键字列表 - 与页面相关（通知搜索引擎该页面的内容）。
提示：请始终规定关键字（搜索引擎需要对页面进行分类）。
例子：
<meta name="keywords" content="HTML, meta tag, tag reference">
viewport 控制视口（网页的用户可见区域）。
视口因设备而异，在手机上会比在电脑屏幕上小。
您应该在所有网页中包含以下 <meta> 视口元素：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta> viewport 元素向浏览器提供有关如何控制页面尺寸和缩放的说明。
width=device-width 部分将页面的宽度设置为跟随设备的屏幕宽度（这将因设备而异）。
initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。
您可以在我们的响应式网页设计 - 视口教程中阅读更多关于视口的信息。