HTML5头部标签的一些常用信息小结


Posted in HTML / CSS onOctober 23, 2016

前言

大家都知道在移动前端开发中添加一些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能有所帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

HTML / CSS 相关文章推荐
css3类选择器之结合元素选择器和多类选择器用法
Mar 09 HTML / CSS
css3给背景图片加颜色遮罩的方法
Nov 05 HTML / CSS
CSS3中新增的对文本和字体的设置
Feb 03 HTML / CSS
css3实现简单的白云飘动背景特效
Oct 28 HTML / CSS
HTML5如何实现元素拖拽
Mar 11 HTML / CSS
详解canvas drawImage()方法绘制图片不显示的问题
Oct 08 HTML / CSS
canvas三角函数模拟水波效果的示例代码
Jul 03 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
Apr 01 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 HTML / CSS
萌新HTML5 入门指南(二)
Nov 09 HTML / CSS
HTML5基础学习之文本标签控制
Mar 25 HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
Oct 23 #HTML / CSS
HTML5页面音视频在微信和app下自动播放的实现方法
Oct 20 #HTML / CSS
浅谈html5标签css3的常用样式
Oct 20 #HTML / CSS
html5中的一些标签学习(心得)
Oct 18 #HTML / CSS
HTML5+CSS3实现机器猫
Oct 17 #HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 #HTML / CSS
CSS3 画基本图形,圆形、椭圆形、三角形等
Sep 20 #HTML / CSS
You might like
php读取mysql的简单实例
2014/01/15 PHP
php获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
2015/03/24 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2020/04/28 Javascript
[04:45]上海特级锦标赛主赛事第三日TOP10
2016/03/05 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
python实现ID3决策树算法
2017/12/20 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
django序列化时使用外键的真实值操作
2020/07/15 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
python 实现端口扫描工具
2020/12/18 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
大学生求职简历的自我评价
2013/10/14 职场文书
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
班班通项目实施方案
2014/02/25 职场文书
销售顾问岗位职责
2014/02/25 职场文书
高一军训的心得体会
2014/09/01 职场文书
通用员工手册范本
2015/05/14 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server
JS Object构造函数之Object.freeze
2021/04/28 Javascript
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android