什么是HTML的Meta头?
Meta标签提供关于HTML文档的元数据,这些内容不会展示在网页上,但是对机器是可读的,主要用于告知机器如何解析此文档。此外,也可以用来添加服务器发送到浏览器http头部内容。
例如,下面的这些标签:
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2020">
http头部将包括content中的内容。当Meta中存在http-equiv或者name属性时,一定要有content与之对应。
常用Meta头属性
- http-equiv 此属性可以添加HTTP头部内容
<meta http-equiv="Refresh" content="5"; url=https://netlover.cn"/>
这段文本告知浏览器5秒后刷新指定url
- name 此属性供浏览器进行解析,对于一些浏览器兼容性问题,比较常用。下面的例子告知浏览器用webkit内核解析,webkit是Safari的内核。
<meta name="renderer" content="webkit">
- charset 这个属性最为常用,用来声明文档使用的字符编码,解决乱码问题。一般声明为utf-8或者UTF-8。
<meta charset="UTF-8">
- 最后一个常用的是viewport,主要用于移动端布局。
<meta name="viewport" content="width=device-width,initial-scale=1.0">