HTML <meta> 标签name属性

<meta>标签name属性定义和用法

name属性指定元数据的名称。
name属性指定content属性的信息/值的名称。
注意：如果设置了http-equiv属性，则不应设置name属性。
HTML5引入了一种方法，让网页设计师通过<meta>标签控制视口（用户的网页可见区域）（参见下面的“设置视口”示例）。

<meta>标签name属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

HTML4.01和HTML5之间的差异

没有。

<meta>标签name属性语法

<meta>标签name属性实例

<head>
  <meta name="description" content="免费的Web教程">
  <meta name="keywords" content="HTML5,CSS,JavaScript">
  <meta name="author" content="Alex Mo">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

尝试一下

<meta>标签name属性值

属性值	描述
application-name	指定页面表示的Web应用程序的名称
author	指定文档作者的名称。例如：<meta name="author" content="Alex Mo">
description	指定页面的描述。搜索引擎可以选择此说明以显示搜索结果。例如：<meta name="description" content="免费的web教程">
generator	指定用于生成文档的软件包之一（未在手工创作的页面上使用）。例如：<meta name="generator" content="FrontPage 4.0">
keywords	指定以逗号分隔的关键字列表 - 与页面相关（通知搜索引擎页面的内容）。提示：始终指定关键字（搜索引擎需要对页面进行编目）。例如：<meta name="keywords" content="HTML, meta tag, tag reference">
viewport	控制视口（用户的网页可见区域）。视口因设备而异，在手机上比在计算机屏幕上小。您应该在所有网页中包含以下<meta>元素viewport属性:<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta>元素viewport为浏览器提供有关如何控制页面尺寸和缩放的说明。 width=device-width部分将页面宽度设置为遵循设备的屏幕宽度（具体取决于设备）。 initial-scale=1.0部分设置浏览器首次加载页面时的初始缩放级别。