• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML5头部<meta;标签的一些常用信息小结

    前言

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

    XML/HTML Code复制内容到剪贴板
    1. <!-- 字体编码 -->  
    2. <meta charset="utf-8" />  
    3.   
    4. <!-- 关键字 -->  
    5. <meta name="keywords" content="" />  
    6.   
    7. <!-- 说明 -->  
    8. <meta name="description" content="" />  
    9.   
    10. <!-- 作者 -->  
    11. <meta name="author" content="" />  
    12.   
    13. <!-- 设置文档宽度、是否缩放 -->  
    14. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />  
    15.   
    16. <!-- 优先使用IE最新版本或chrome -->  
    17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  
    18.   
    19. <!-- 360读取到这个标签立即钱换到极速模式 -->  
    20. <meta name="renderer" content="webkit" />  
    21.   
    22. <!-- 禁止百度转码 -->  
    23. <meta http-equiv="Cache-Control" content="no-siteapp" />  
    24.   
    25. <!-- UC强制竖屏 -->  
    26. <meta name="screen-orientation" content="portrait" />  
    27.   
    28. <!-- QQ强制竖屏 -->  
    29. <meta name="x5-orientation" content="portrait" />  
    30.   
    31. <!-- UC强制全屏 -->  
    32. <meta name="full-scerrn" content="yes" />  
    33.   
    34. <!-- QQ强制全屏 -->  
    35. <meta name="x5-fullscreen" content="ture" />  
    36.   
    37. <!-- QQ应用模式 -->  
    38. <meta name="x5-page-mode" content="app" />  
    39.   
    40. <!-- UC应用模式 -->  
    41. <meta name="browsermode" content="application">  
    42.   
    43. <!-- window phone 点亮无高光 -->  
    44. <meta name="msapplication-tap-highlight" content="no" />  
    45.   
    46. <!-- 安卓设备不自动识别邮件地址 -->  
    47. <meta name="format-detection" name="email=no" />  
    48.   
    49. <!-- iOS设备 -->  
    50.   
    51. <!-- 添加到主屏幕的标题 -->  
    52. <meta name="apple-mobile-web-app-title" content="标题" />  
    53.   
    54. <!-- 是否启用webApp全屏 -->  
    55. <meta name="apple-mobile-web-app-capable" content="yes" />  
    56.   
    57. <!-- 设置状态栏的背景颜色，启用webapp模式时生效 -->  
    58. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />  
    59. <!-- 半透明/黑色/默认白色 -->  
    60.   
    61. <!-- 禁止数字识别为电话号码 -->  
    62. <meta name="format-detection" content="telephone=no" />  
    63.   
    64. <!-- 智能添加广告条 -->  
    65. <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />  

    总结

    本文只是对HTML5头部<meta>标签的一些常用信息进行总结，希望对大家学习或者使用html5能有所帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

    上一篇：解决canvas转base64/jpeg时透明区域变成黑色背景的方法
    下一篇：html5 视频播放解决方案
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML5头部&lt;meta;标签的一些常用信息小结 HTML5,头部,amp,meta,标签,的,