大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些HTML5头部<meta>标签常用的信息。有错误的,敬请留言指正,或可以留言补充,欢迎留言交流!

XML/HTML Code:
  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. <!-- iOS设备 -->
  34. <!-- 添加到主屏幕的标题 -->
  35. <meta name="apple-mobile-web-app-title" content="标题" />
  36. <!-- 是否启用webApp全屏 -->
  37. <meta name="apple-mobile-web-app-capable" content="yes" />
  38. <!-- 设置状态栏的背景颜色,启用webapp模式时生效 -->
  39. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
  40. <!-- 半透明/黑色/默认白色 -->
  41. <!-- 禁止数字识别为电话号码 -->
  42. <meta name="format-detection" content="telephone=no" />
  43. <!-- 智能添加广告条 -->
  44. <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />

webkit,HTML5头部标签的更多相关文章

  1. HTML5头部标签中<meta>常用信息

    整理一些平时常用的,方便查阅 <!-- 字体编码 --> <meta charset="utf-8" /> <!-- 关键字 --> <m ...

  2. HTML5头部标签备忘

    DOCTYPE DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于html 标签之前,此标签告知浏览器文档使用哪种HTML 或者XHTML 规范. 推荐使用HTML5 推 ...

  3. HTML5 头部标签定义

    <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"&g ...

  4. 移动前端头部标签(HTML5 head meta)

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来.本文整理一些常用的meta标签. <!DOCTYPE html&g ...

  5. 移动前端头部标签(HTML5 meta)

    在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码 <!DOCTYPE html>  使用 HTML5 doctype,不区分大小写 <he ...

  6. 移动前端头部标签(HTML5 head meta)转载

    移动web页面头部书写 字数2516 阅读1128 评论0 喜欢30 HTTP 标题信息(http-equiv) 和页面描述信息(name) http-equiv:该枚举的属性定义,可以改变服务器和用 ...

  7. 移动前端不得不了解的HTML5 head 头标签 —— HTML基本的头部标签

    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容, ...

  8. 移动端web页面开发常用的头部标签设置

    在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name=" ...

  9. 【03】HTML head 头部分的标签说明 和 手机头部标签说明

    HTML head 头部分的标签.元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性.移动互联网时代,head 头部结 ...

随机推荐

  1. FIREDAC连接MSSQL 2000报不能支持连接MSSQL2000及更低版本的解决办法

    FIREDAC连接MSSQL 2000的时候会报错,原因是MSSQL CLIENT11或MSSQL CLIENT10客户端驱动程序已经不支持连接MSSQL2000及更低版本的数据库. 解决办法: 设置 ...

  2. Linux(Centos)全自动异地备份数据(WEB+Mysql)

    文章开始之前,先问下各位站长一个问题:什么东西对于站长是十分重要的?其实对于站长而言,很多东西都是很重要的.但我们现在排除外在因素,把范围缩小到网站系统本身,哪些是非常重要的呢?网站数据就是其中之一了 ...

  3. Javascript高级篇-JS闭包

    Javascript闭包 1.变量的作用域 1.1局部变量 1.2全局变量(声明在外边或不用var来声明的变量) 2.外部读取方法内部的局部(私有)变量 function a(){ var b = & ...

  4. 第三方类AFNetworking

    1.AFNetworking简介 AFNetworking是一个在iOS开发中使用非常多的轻量级网络开源库适用于iOS以及Mac OS X.它构建于在(Apple iOS开发文档) NSURLConn ...

  5. Unity3D之Mecanim动画系统学习笔记(三):Animation View

    动画组件之间的关系 我们先看一张图: 这里我们可以看到,我们在GameObject之上绑定的Animator组件是控制模型进行动画播放的. 而其属性Controller则对应一个Animator Co ...

  6. Check Box 用法

    void CMyDlg::OnInitDialog() //Check1 初始化为选中状态 void CMyDlg::OnInitDialog() { CDialog::OnInitDialog(); ...

  7. BZOJ 2733: [HNOI2012]永无乡 启发式合并treap

    2733: [HNOI2012]永无乡 Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://www.lydsy.com/JudgeOnline/pr ...

  8. Codeforces Round #277 (Div. 2) B. OR in Matrix 贪心

    B. OR in Matrix Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/486/probl ...

  9. androidstudio构建(或导入)工程(不用gradle)

    获取源代码: ---assets ---libs ---res ---src 先备份AndroidManifest.xml,然后工程中只保留这四个文件夹,其他文件删除, 然后在studio中导入工程, ...

  10. xcode 左边导航栏中,类文件后面的标记“A”,&quot;M&quot;,&quot;?&quot;……等符号的含义???

    "M" = Locally modified    "U" = Updated in repository  "A" = Locally a ...