1.<meta charset="utf-8">
页面字符正常显示。
2.<meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge,chrome=1">
如果系统安装ie8或以上版本，则使用最高版本ie渲染；
如果装有GCF，则用chrome的内核渲染IE。
3.<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no,viewport-fit=cover" name="viewport">
移动端meta需要。
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
viewport-fit=cover" - 裁剪自适应iPhoneX的头部，对fixed在header的元素友好，可点击查看详细介绍。
4.<meta name="author" content="制作本页面的作者信息" />
标注网页的作者信息 。
5.<meta HTTP-EQUIV="expires" CONTENT="Wed,23 Aug 1978 12:40:27 UTC" />
expires设置页面过期时间，由于content设置的时间是过去的时间，一打开页面就重新向服务器发送请求，防止缓存。
6.<meta http-equiv="Pragma" content="no-cache" />
禁止浏览器从本地计算机的缓存中访问页面内容。脱机无法浏览。
7.<meta name="description" content="向搜索引擎描述网站内容">
移动端：
<meta name="apple-mobile-web-app-capable" content="yes" /> 启用 WebApp 全屏模式。
<meta name="screen-orientation" content="portrait"/>强制竖屏。