<meta>
标签用于描述页面内容,关键词,作者,最新修订时间以及其它元信息。
<meta>
标签的内容不会显示在网页中,但经常被机器(比如网页爬虫)解析。
元信息可以被浏览器(指导它如何加载和显示页面)所使用,也可以有利于搜索引擎收录页面(指定关键词)。
HTML5 通过 <meta>
标签引入一个新的方法,让网页尺寸实现自适应。
<meta>
标签永远位于 <head>
标签内部。
content
属性必须和 name
或 http-equiv
属性共存亡。
为了让网页尺寸实现自适应,你应该在 HTML 文档中加入下面代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
属性 | 值 | 描述 |
charset | character_set | 指定 HTML 文档的编码。 |
content | text | 指定与 http-equiv 或 name 属性相关的值。 |
http-equiv | content-type、default-style、refresh | content-type:另一种声明 HTML 文档作用字符编码的方法(<meta http-equiv="content-type" content="text/html charset=UTF-8"> )。default-style:指定页面优先使用的样式表。 refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。 |
name | application-name、author、description、generator、keywords、viewport | application-name:当前页所属 Web 应用系统的名称。 author:当前页的作者名。 description:当前页的内容描述。 generator:用来生成 HTML 的软件名称。 keywords:当前页的关键词。 viewport:网页尺寸自适应。 |
实例一:指定网页编码
<meta charset="UTF-8">
实例二:为搜索引擎提供关键词
<meta name="keywords" content="NTHOME,Web开发,HTML5,CSS3,Web编程教学">
实例三:描述网页内容
<meta name="description" content="《零基础入门学习Web开发》案例演示">
实例四:定义网页的作者
<meta name="author" content="Nature">
实例五:设置网页尺寸自适应
<meta name="viewport" content="width=device-width, initial-scale=1.0">
实例六:每 5 秒刷新一下浏览器并跳转到指定页面
<meta http-equiv="refresh" content="5;http://baidu.com">
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 1.0 |