较常用的头部meta信息

admin

平时积累以及网上看到的一些关于头部信息的资料

1. <!-- 字体编码 -->
   
2. <meta charset="utf-8" />
   
3. <!-- 关键字 -->
   
4. <meta name="keywords" content="" />
   
5. <!-- 说明 -->
   
6. <meta name="description" content="" />
   
7. <!-- 作者 -->
   
8. <meta name="author" content="" />
   
9. <!-- 设置文档宽度、是否缩放 -->
   
10. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    
11. <!-- 优先使用IE最新版本或chrome -->
    
12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
13. <!-- 360读取到这个标签立即钱换到极速模式 -->
    
14. <meta name="renderer" content="webkit" />
    
15. <!-- 禁止百度转码 -->
    
16. <meta http-equiv="Cache-Control" content="no-siteapp" />
    
17. <!-- UC强制竖屏 -->
    
18. <meta name="screen-orientation" content="portrait" />
    
19. <!-- QQ强制竖屏 -->
    
20. <meta name="x5-orientation" content="portrait" />
    
21. <!-- UC强制全屏 -->
    
22. <meta name="full-scerrn" content="yes" />
    
23. <!-- QQ强制全屏 -->
    
24. <meta name="x5-fullscreen" content="ture" />
    
25. <!-- QQ应用模式 -->
    
26. <meta name="x5-page-mode" content="app" />
    
27. <!-- UC应用模式 -->
    
28. <meta name="browsermode" content="application">
    
29. <!-- window phone 点亮无高光 -->
    
30. <meta name="msapplication-tap-highlight" content="no" />
    
31. <!-- 安卓设备不自动识别邮件地址 -->
    
32. <meta name="format-detection" name="email=no" />
    
33. 
    
34. <!-- iOS设备 -->
    
35. <!-- 添加到主屏幕的标题 -->
    
36. <meta name="apple-mobile-web-app-title" content="标题" />
    
37. <!-- 是否启用webApp全屏 -->
    
38. <meta name="apple-mobile-web-app-capable" content="yes" />
    
39. <!-- 设置状态栏的背景颜色，启用webapp模式时生效 -->
    
40. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" /><!-- 半透明/黑色/默认白色 -->
    
41. <!-- 禁止数字识别为电话号码 -->
    
42. <meta name="format-detection" content="telephone=no" />
    
43. <!--
    
44. iOS图标
    
45. iPhone/iTouch默认是57*57
    
46. iPad，72*72，可以没有，但推荐有
    
47. Retina iPhone/Retina iTouch，114*114,可以没有，但推荐有
    
48. Retina iPad,144*144,可以没有，但推荐有
    
49. iPhone 6 plus是180*180，iPhone 6 是120*120
    
50. -->
    
51. <link rel="apple--touch-icon-precomposed" sizes="width*height" href="xxx.png" />
    
52. <!-- iOS启动画面 -->
    
53. <!-- iPad启动是不包含状态栏的 -->
    
54. <!-- 标准分辨率：1、竖屏(768*1004)；2、横屏(1024*748)
    
55. Retina:1、竖屏(1536*2008)；2、横屏(2048*1496) -->
    
56. <!-- iPhone/iTouch启动是包含状态栏的 -->
    
57. <!-- 标准分辨率(320*480)、Retina(640*960)、iPhone 5/iTouch 5(640*1136) -->
    
58. <link rel="apple-touch-startup-image" sizes="width*height" href="xxx.png" />
    
59. <!-- iPhone 6对应的图片大小是750×1294，iPhone 6 Plus 对应的是1242×2148 -->
    
60. <link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:375px)">
    
61. <link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:414px)">
    
62. <!-- 智能添加广告条 -->
    
63. <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />

复制代码