HTML---------页面元素标签<meta/>的使用
<meta/>标签用于定义页面的元信息(不会显示在页面中),可重复出现在<head>头部标签中
(1) <meta name=”名称” content=”值” />
在<meta/>标签中使用name和content属性可以为搜索引擎提供信息,其中name属性用于提供搜索内容的名字,content属性提供对应搜索内容值
- 设置网页关键词,例如某图片网站设置:
<meta name=”keywords” content=”彼岸图库,免费素材下载”>
Name属性的值为keywords,用于定义搜索内容名称为网页关键字,content属性的值用于定义关键字的具体内容,多个关键字内容之间可用”,“分割
- 设置网页描述,例如某图片网站描述信息设置:
<meta name=”description” content=”彼岸图库,免费素材下载你值得拥有”>
Name属性的值为description,用于定义搜索内容名称为网页描述,content属性的值用于定义描述的具体内容
- 设置网页作者,例如可为网站增加作者信息:
<meta name=”author” content=”网络部”>
Name属性的值为author,用于定义搜索内容名称为网页作者,content属性的值用于定义具体作者信息
(2)<meta http-equiv=”名称” content=”值”>
在<meta/>标签中使用http-equiv和content属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数标准。其中,http-equiv属性提供参数类型,content属性提供对应的参数值。默认会发送<meta http-equiv=”Content-Type” content=”text/html”/>
- 设置字符集,例如某图片官网字符集的设置:
<meta http-equiv=”Content-Type” content=”text/html; charset=gbk” />
这段代码用于说明当前文档类型为HTML,字符集为gbk(中文编码)。目前国际化字符集编码格式使utf-8,常见的国内中文字符集编码格式主要是gbk和gbk2312。当用户使用的字符集编码不匹配当前浏览器时,网页内容就会出现乱码。
在HTML5中简化了字符集的写法
<meta charset=”utf-8” />
- 设置页面自动刷新和跳转,例如定义某个页面10秒后跳转至百度
<meta http-equiv=”refresh” content=”10;url=https://www.baidu.com/” />
其中,http-equiv属性的值为refresh,content属性的值为数值和url地址,中间用”;”隔开,用于指定在特定的时间后跳转至目标页面,该时间某认以秒为单位。
参考文献:网页制作案例教程第二版