name 属性指定元数据的名称,name 属性指定 content 属性的信息/值的名称,如果设置了 http-equiv 属性,不应设置 name 属性。
使用name属性定义HTML文档的描述,关键字和作者。还定义视口以控制页面尺寸和缩放比例以适应不同的设备:
<!DOCTYPE html> <html> <head> <title>HTML:<meta> name 属性 - 菜鸟教程(cainiaojc.com)</title> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML5,CSS3,JQUERY"> <meta name="author" content="NHOOO.COM"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>My Website</h1> <p>Some text...</p> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 name 属性。
name 属性指定元数据的名称。
name 属性指定 content 属性的信息/值的名称。
注意:如果设置了 http-equiv 属性,不应设置 name 属性。
HTML5引入了一种方法,使Web设计人员可以通过<meta>标记来控制视口(用户在网页的可见区域)
没有。
<meta name="value">
值 | 描述 |
---|---|
application-name | 规定页面所代表的 Web 应用程序的名称。 |
author | 规定文档的作者的名字。 示例: <meta name="author" content="(cainiaojc.com)"> |
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"> |