h5常用头文件

   <!-- 字体编码 -->
   <meta charset="utf-8" />
   <!-- 关键字 -->
   <meta name="keywords" content="" />
   <!-- 说明 -->
   <meta name="description" content="" />
   <!-- 作者 -->
   <meta name="author" content="" />
   <!-- 设置文档宽度、是否缩放 -->
   <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
   <!-- 优先使用IE最新版本或chrome -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- 360读取到这个标签立即钱换到极速模式 -->
   <meta name="renderer" content="webkit" />
   <!-- 禁止百度转码 -->
   <meta http-equiv="Cache-Control" content="no-siteapp" />
   <!-- UC强制竖屏 -->
   <meta name="screen-orientation" content="portrait" />
   <!-- QQ强制竖屏 -->
   <meta name="x5-orientation" content="portrait" />
   <!-- UC强制全屏 -->
   <meta name="full-screen" content="yes" />
   <!-- QQ强制全屏 -->
   <meta name="x5-fullscreen" content="true" />
   <!-- QQ应用模式 -->
   <meta name="x5-page-mode" content="app" />
   <!-- UC应用模式 -->
   <meta name="browsermode" content="application">
   <!-- window phone 点亮无高光 -->
   <meta name="msapplication-tap-highlight" content="no" />
   <!-- 安卓设备不自动识别邮件地址 -->
   <meta name="format-detection" name="email=no" />
 
   <!-- iOS设备 -->
   <!-- 添加到主屏幕的标题 -->
   <meta name="apple-mobile-web-app-title" content="标题" />
   <!-- 是否启用webApp全屏 -->
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <!-- 设置状态栏的背景颜色，启用webapp模式时生效 -->
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
   <!-- 半透明/黑色/默认白色 -->
   <!-- 禁止数字识别为电话号码 -->
   <meta name="format-detection" content="telephone=no" />
   <!--
    iOS图标
    iPhone/iTouch默认是57*57
    iPad，72*72，可以没有，但推荐有
    Retina iPhone/Retina iTouch，114*114,可以没有，但推荐有
   Retina iPad,144*144,可以没有，但推荐有
   iPhone 6 plus是180*180，iPhone 6 是120*120
   -->
  <link rel="apple--touch-icon-precomposed" sizes="width*height" href="xxx.png" />
  <!-- iOS启动画面 -->
  <!-- iPad启动是不包含状态栏的 -->
  <!-- 标准分辨率：1、竖屏(768*1004)；2、横屏(1024*748)
   Retina:1、竖屏(1536*2008)；2、横屏(2048*1496) -->
  <!-- iPhone/iTouch启动是包含状态栏的 -->
  <!-- 标准分辨率(320*480)、Retina(640*960)、iPhone 5/iTouch 5(640*1136) -->
  <link rel="apple-touch-startup-image" sizes="width*height" href="xxx.png" />
  <!-- iPhone 6对应的图片大小是750×1294，iPhone 6 Plus 对应的是1242×2148 -->
  <link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:375px)">
  <link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:414px)">
  <!-- 智能添加广告条 -->
  <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />
  <!--强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览； -->
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <!-- iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
  <meta content="yes" name="apple-Mobile-web-app-capable" />
  <!-- iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；-->
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  
  

转载于:https://www.cnblogs.com/dwfz/p/4903584.html