大家都知道在移动前端开发中添加一些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. [iOS微博项目 - 1.6] - 自定义TabBar

    A.自定义TabBar 1.需求 控制TabBar内的item的文本颜色(普通状态.被选中状态要和图标一致).背景(普通状态.被选中状态均为透明) 重新设置TabBar内的item位置,为下一步在Ta ...

  2. 不能发现 class "com.uustudio.unote.android.BaseApplication"

    12-13 15:45:46.289: E/AndroidRuntime(3474): java.lang.RuntimeException: Unable to instantiate applic ...

  3. Java中的Filter过滤器

    Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,Web开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...

  4. ADO.NET 快速入门(一):ADO.NET 概述

    ADO.NET 概述 ADO.NET是改进的ADO数据访问模型用于开发可扩展应用程序.他是专门为可伸缩性.无状态和XML核心的web而设计的.   ADO.NET使用一些ADO对象,如Connecti ...

  5. w3cmark前端精彩博文周报 10.20-10.27

    w3cmark 官方Q群 145423956 | 官方微博 @w3cmark 自从最近微博屏蔽了我的站点域名,就很懒了.毕竟和不爽,一个纯技术站点还被认为不安全链接,还申诉无门,那些所谓的客服都是自动 ...

  6. Playing with ptrace, Part I

    X86_64 的 Redhat / Centos / Scientific 下面,若要编译.运行32位程序,需要安装以下包: yum install libgcc.i686 yum install g ...

  7. Why Python is Slow

    Why Python is Slow: Looking Under the Hood https://jakevdp.github.io/blog/2014/05/09/why-python-is-s ...

  8. mysql router 自动failover测试

    mysql router 启动服务文件内容: [root@monitor mysqlrouter]# cat /etc/init.d/mysqlrouter#! /bin/bash## mysqlro ...

  9. strassen algorithm

    the explaination that is clear in my view is from wiki.

  10. Windows 10正式版官方原版ISO镜像下载

    [微软官方]下载地址1:官方下载工具(32-位系统版本)官方下载工具(64-位系统版本) [MSDN]下载地址2:cn_windows_10_multiple_editions_x64_dvd_684 ...