1.介绍
- meta标签描述了一些基本的元数据。
<meta>
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。- META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
- 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta>
一般放置于<head>
区域
1.2属性
<meta>
标签可选以下属性,选中属性后,需要指定content的内容
属性 | 值 | 描述 |
---|---|---|
charset | character_set | HTML5新属性:定义文档的字符编码,通常为 UTF-8 |
http-equiv | contennt-type expires refresh set-cookie | 把content属性关联到http头部 |
name | author description keywords generator revised others | 把content属性关联到一个名称 |
scheme | some_text | (html5不支持)定义用于翻译content属性值的格式 |
2.使用
<meta>
一般放置于 <head>
区域
可以放置多个<meta>
,每个<meta>
指定不同的功能
2.1设置网页关键字 keywords
设置关键字可以帮助搜索引擎检索信息,但是不会直接显示在网页上。
语法:<meta name="keywords" content="具体的关键字">
例子:
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="诗词" />
<title></title>
</head>
<body>
</body>
</html>
2.2设置网页说明
设置网页说明也是为了方便搜索引擎搜索,它用来详细说明网页的内容,同样不会在网页上直接显示出来。
语法:<meta name="description" content="具体的网页说明">
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="这是一个内容为诗词的网页" />
<title></title>
</head>
<body>
</body>
</html>
2.3添加作者信息
在<meta>
中添加网页制作者的姓名
语法:<meta name="author" content="作者的姓名">
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="adins" />
<title></title>
</head>
<body>
</body>
</html>
2.4规定字符编码
charset属性规定HTML文档的字符编码。
语法:<meta charset="字符编码集">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
</body>
</html>
2.5定时跳转
使用<meta>
标签可以使网页在一段时间后自动刷新,将http-equiv属性设置为refresh来实现自动刷新,content属性设置为更新时间。
语法:<meta http-equiv="refresh" content="跳转的时间; url=跳转到的地址">
刷新时间和链接地址之间用分号相隔。默认情况下,跳转以秒为单位。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="5; url=target/index.html" />
<title></title>
</head>
<body>
</body>
</html>