1. 视口的大小的初始化,及页面缩放的控制
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
2. 针对safari移动浏览器的特性设置
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
3. 数字是否可弹出电话提示的功能
<meta name="format-detection" content="telephone=no">
4.其他常用meta标记
<meta http-equiv="Expires" CONTENT="0"> 过期时间
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 是否缓存
<meta http-equiv="Cache-Control" CONTENT="no-store"> 是否缓存
<meta http-equiv="Pragma" content="no-cache"> 是否缓存
5.选择浏览器的渲染内核
<meta name="renderer" content="webkit"> 360系浏览器声称支持
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 让ie浏览器选择最新的内核渲染或者chrome内核渲染页面
6. 与搜索引擎相关
<meta name="keywords" content=", , , ,">
<meta name="description" content=" ">
<meta name="robots" content="all">
<meta name="author" content=" ">
7. 编码格式
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />