一.元数据作用
meta元素:用于描述文档的元数据,文档字符编码,文档描述等信息
二元数据属性
1.charset:声明当前文档所使用的字符编码,只有一个,推荐写在第一行,推荐使用UTF-8,注意文件保存的编码要和charset的值一致,不然会乱码。
<meta charset="UTF-8">
2.content:为name或http-equiv属性提供了与其相关的值的定义(不单独出现)
3.name:description(描述文档内容)、keywords(关描述文档内容的关键字)、viewport(移动页面的视窗还有缩放信息)、application-name(web应用中用于定义应用的名称)、author(文档的作者)、generator(生成文档的软件名称)、referrer(控制从该文档发出的http请求中http-referrer的内容,防盗链案例)
<meta name="keywords" content="网易云音乐,音乐,播放器">
<meta name="description" content="网易云音乐是一款…">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="never">
4.http-equiv:refresh(设置页面多久刷新一次或者刷新以后跳转到另一个页面)、content-language(页面使用的默认语言,现在用html的lang属性来设置)、content-type(页面的字符编码,和charset一样)、default-style(规定使用的预定义的样式表)、set-cookie(设置页面的cookie,现在不建议使用,要用http头来设置)、X-UA-Compatible(IE浏览器自己定义的,定义IE浏览器呈现网页的方式)
<meta http-equiv="X-UA-Compatible" content="ie=edge">
最后,referrer这个属性还是不太明白。。。
网友评论