Meta name 属性

Meta 对象参考手册 Meta 对象

定义和用法

name 属性可设置或者返回content属性信息名称。

name 属性值依赖 content 属性值。

name 属性可以是预定义值，或由用户定义。

语法

设置 name 属性：

metaObject.name = "application-name|author|description|generator|keywords"

返回 name 属性：

metaObject.name
值 描述
application-name 指定 web 应用名称
author

定义文档的作者。

实例:

<meta name="author" content="蜜蜂教程">
description

指定页面描述。搜索索引擎可以使用这个描述作为搜索结果。

实例:

<meta name="description" content="免费编程入门教程">
generator

指定文档生成的工具名称。

实例:

<meta name="generator" content="FrontPage 4.0">
keywords

指定网页关键字 - 用于告诉搜索引擎网页内容相关关键词。

实例:

<meta name="keywords" content="HTML, HTML DOM, JavaScript">

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 name 属性

返回值

类型 描述
字符串 name 属性值

实例

显示 <meta> 标签 name 属性的值:

<!DOCTYPE html>
<html>
<body>
  <head>
    <meta name="description" content="编程技术入门教程">
    <meta name="keywords" content="HTML5,CSS,JavaScript">
    <meta name="author" content="mifengjc">
  </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 标签 name 属性值 : " + x[i].name + "<br>";
      }
      document.getElementById("demo").innerHTML = txt;
    }
  </script>

</body>
</html>

尝试一下 »

Meta 对象参考手册 Meta 对象