# 浅谈meta标签及踩过的坑
说到 meta 标签相信大家都不陌生，尤其是做过移动端的同学。一定知道下面代码，用来控制浏览器窗口大小和缩放。
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">
那么还有其他的吗？ 有的同学还知道知道 description charset等等。今天我就过来总结一下 meta的使用场景。和自己之前遇到坑。
温故知新。希望能帮到你！不足之处，欢迎大家扫码补充。
# meta的作用
- 设置网页的编码类型
- 搜索引擎(SEO)的优化
- 自动刷新页面
- 控制页面的缓存
- 控制页面显示的窗口
- 等等
# meta的用法
meta总共包含4个属性:
- charset(HTML5新增)
- name
- http-equiv
- content
前三个属性规定标签给谁传递信息；content属性用来说明name和http-equiv的具体内容。
# meta属性详解
# charset属性
用来定义当前文档的编码方式，告诉浏览器如何解析当前页面
<meta charset="utf-8">
# name属性与content的那点事
name属性的作用是对其所在行meta标签进行补充作用。一般是用于网页的描述说明，而 content对应的值像是对name的设置或解释作用
https://segmentfault.com/a/1190000012039824
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit"/>
关注公众号
组队学习，一同成长 
扫码添加好友
备注 加群学习 