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"/>强制竖屏。