Meta name 属性
Meta name 属性
定义和用法
name 属性设置或返回 HTML <meta> content 属性中信息的名称。
<meta> name 属性 的值取决于 HTML <meta> content 属性 的值。
WHATWG Wiki MetaExtensions 页面中还定义了一个扩展列表 - 任何人都可以随时自由编辑页面以添加新类型。其中没有一个被正式接受，但将来可能会。有关更多信息，请访问 WHATWG Wiki MetaExtensions 页面。
注释：如果设置了 http-equiv 属性，则不应设置 name 属性。
另请参阅：
HTML 参考手册：HTML <meta> 标签
实例
返回所有 meta 元素的 content 属性值：
var x = document.getElementsByTagName("META");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + "Name of "+(i+1)+". meta tag: "+x[i].name+"<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<head>
<meta name="description" content="免费的 Web 教程">
<meta name="keywords" content="HTML5,CSS,JavaScript">
<meta name="author" content="Bill Gates">
</head>
<p>点击按钮可返回所有 meta 元素的 name 属性值。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementsByTagName("META");
var txt = "";
var i;
for (i = 0; i <x.length; i++) {
txt = txt + (i+1) + ". meta 标签的" + "名称：" + x[i].name + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
返回 name 属性：
metaObject.name
设置 name 属性：
metaObject.name = "application-name|author|description|generator|keywords"
属性值
| 值 | 描述 |
|---|---|
| application-name | 规定页面所表示的 Web 应用程序的名称。 |
| author |
规定文档作者的姓名。 例子：<meta name="author" content="Hege Refsnes"> |
| description |
规定页面的描述。搜索引擎可以选择此描述来显示搜索结果。 例子：<meta name="description" content="Free web tutorials"> |
| generator |
规定用于生成文档的软件包（不用于手写页面）。 例子：<meta name="generator" content="FrontPage 4.0"> |
| keywords |
规定以逗号分隔的关键字列表 - 与页面相关（告知搜索引擎该页面的内容）。 提示：请始终规定关键字（搜索引擎需要对页面进行分类）。 例子：<meta name="keywords" content="HTML, meta 标签, 标签参考手册"> |
技术细节
| 返回值： | 字符串，内容属性中信息的名称。 |
|---|
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
相关页面
HTML 参考手册：HTML <meta> name 属性
