mate标签用于设置网页中的元数据,元数据不是给用户看的,是给浏览器或者给搜索引擎的爬虫程序看的。
1、charset 属性
meta是一个字节数标签
可以通过meta标签来设置网页的字符集,避免乱码问题
案例:<meta charset="utf-8">
charset 属性是用来指定网页的字符集
常用的字符集有以下几种:
2、name、content 属性和 keywords 关键字
案例:<meta name="keywords" content="HTML5,前端,CSS3">
name 指定数据的名称(关键字)
content 指定数据的内容
keywords (不区分大小写) 表示网站的关键字,content里可以同时有多个关键字,关键字间用逗号隔开
源代码:
3、description 关键字
案例:<meta name="description" content="这是一个很不错的网站">
description 用于指定网站的描述,相当于网站的自我介绍,网站的描述会显示在搜索引擎的搜索结果中
源代码:
4、http-equiv 关键字
案例:<meta http-equiv="refresh" content="3;url=http://www.baidu.com">
将页面重定向到另一个网站(此例子三秒后跳到百度页面)
演示案例
注意:meta只有开始标签,没有结束标签
补充:网页的 title 标签的内容会作为搜索结果的超链接上的文字显示