一、<meta>的概念和作用
meta主要设置网页的一些元数据,是针对搜索引擎或者浏览器的解析而设置的
位置:放在<head>标签中
二、属性attribute
① charset:指定网页的字符集(一般的软件之类的默认都是UTF-8,但是最好还是标上;这是由于以前平台间的兼容性导致的),用于解决乱码问题
② name:指定的数据的名称(常见:keywords、description)
③ content:指定的数据的内容
<meta name="keywords" content="HTML5,前端,css" charset="UTF-8"> <!-- 解析: name为keywords时,若网页有被所属搜索引擎的网站收录,那么搜索引擎的爬虫通过爬取keywords的值,用户通过HTML5,前端,css的任一关键字,可以搜索到相对应的文章。
content中的内容会显示在搜索引擎搜索结果的列表中。
<title>标签中的内容会显示在搜索引擎搜索结果的标题文字上。 -->
④ description:描述网页信息
⑤ http-equiv:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
常用的:
<meta http-equiv="refresh" content="3;url='链接地址'"> <!-- 将网页重定向到另一个网页(超时设置/网址已经变更时)-->