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背景图片透明叠加属性cross-fade简介及用法实例
Jan 08 HTML / CSS
纯HTML+CSS3制作导航菜单(附源码)
Apr 24 HTML / CSS
css3实现顶部社会化分享按钮示例
May 06 HTML / CSS
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
Nov 11 HTML / CSS
CSS3实现时间轴效果
Jul 11 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
Dec 20 HTML / CSS
CSS3 transition 实现通知消息轮播条
Oct 14 HTML / CSS
HTML5 canvas实现雪花飘落特效
Mar 08 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
Feb 26 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
Jan 30 HTML / CSS
5个你不知道的HTML5的接口介绍
Aug 07 HTML / CSS
CSS Transition通过改变Height实现展开收起元素
Aug 07 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简单选择排序算法实例
2015/01/26 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
window.parent与window.openner区别介绍
2012/04/12 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
2020/03/27 Javascript
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
python实现计算资源图标crc值的方法
2014/10/05 Python
在树莓派2或树莓派B+上安装Python和OpenCV的教程
2015/03/30 Python
Python中join函数简单代码示例
2018/01/09 Python
Django中间件基础用法详解
2019/07/18 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
网络维护管理员的自我评价分享
2013/11/11 职场文书
手机银行营销方案
2014/03/14 职场文书
工地质量标语
2014/06/12 职场文书
庆祝国庆节标语
2014/10/09 职场文书
客户经理岗位职责
2015/01/31 职场文书
导游词之任弼时故居
2020/01/07 职场文书
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle