随着智能手机、平板电脑等移动终端设备越来越普及,用户在移动端花的时间也越来越长。H5开始火热起来,以文字、图片、动画、声音等相结合的自媒体出现,给用户带来了全新体验,技术本身带来的新奇感让人们心生向往。

  下面成都h5开发工程师培训就来聊一聊H5入门的一些知识吧!

  什么是H5?

  H5即HTML5,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。

  H5特性

  H5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

  H5 中的一些有趣的新特性:

  用于绘画的 canvas 元素

  用于媒介回放的 video 和 audio 元素

  对本地离线存储的更好的支持

  新的特殊内容元素,比如 article、footer、header、nav、section

  新的表单控件,比如 calendar、date、time、email、url、search

  H5的改进:

  新元素

  新属性

  完全支持 CSS3

  Video 和 Audio

  2D/3D 制图

  本地存储

  本地 SQL 数据

  Web 应用

  H5语义元素

  H5浏览器支持

  最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

  IE9 以下版本浏览器兼容HTML5的方法

  载入后,初始化新标签的CSS:

  /*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

  H5代码规范

  1. HTML5 元素名可以使用大写和小写字母。

  但推荐你使用小写字母:

  混合了大小写的风格是非常糟糕的。

  开发人员通常使用小写 (类似 XHTML)。

  小写风格看起来更加清爽。

  小写字母容易编写。

  2. 在 HTML5 中, 你不一定要关闭所有元素 (例如

  元素),但建议你每个元素都要添加关闭标签。

  3. HTML5 属性值可以不用引号。

  属性值我们推荐使用引号:

  如果属性值含有空格需要使用引号。

  混合风格不推荐的,建议统一风格。

  属性值使用引号易于阅读。

  4. 图片通常使用 alt 属性。在图片不能显示时,它能替代图片显示。

  5. 等号前后可以使用空格。

  6. 使用 HTML 编辑器,左右滚动代码是不方便的。

  每行代码尽量少于 80 个字符。

  7. 不要无缘无故添加空行。

  为每个逻辑功能块添加空行,这样更易于阅读。

  缩进使用两个空格,不建议使用 TAB。

  比较短的代码间不要使用不必要的空行和缩进。

  8. 样式表使用简洁的语法格式:

  将左花括号与选择器放在同一行。

  左花括号与选择器间添加一个空格。

  使用两个空格来缩进。

  冒号与属性值之间添加一个空格。

  逗号和符号之后使用一个空格。

  每个属性与值结尾都要使用分号。

  只有属性值包含空格时才使用引号。

  右花括号放在新的一行。

  每行最多 80 个字符。

h5日期选择控件_成都h5开发工程师培训_H5入门需要知道的知识相关推荐

  1. js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件

    js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件 参考文章: (1)js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) ...

  2. [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)

    前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件  ==> "2. 每年的周数从(1-52), 如果超 ...

  3. [Ext JS 4] 实战之 带week(星期)的日期选择控件(二)

    前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之 带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...

  4. 【C#】wpf自定义calendar日期选择控件的样式

    原文:[C#]wpf自定义calendar日期选择控件的样式 首先上图看下样式 原理 总览 ItemsControl内容的生成 实现 界面的实现 后台ViewModel的实现 首先上图,看下样式 原理 ...

  5. extjs 月份选择控件_Ext JS 4实现带week(星期)的日期选择控件(实战二)

    前言 JavaScript 中的日期和时间 Ext JS 4实现带week(星期)的日期选择控件(实战一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Date 对 ...

  6. Swing的日期选择控件DatePicker

    Swing的日期选择控件 依赖的包 图片示例 示例代码段 设置日期控件的值 验证代码 结论 依赖的包 下载DatePicker.jar 图片示例 示例代码段 JLabel dateJLabel = n ...

  7. ExtJS6.0扩展日期选择控件为也可以选择时间

    PS:ExtJS自带的日期选择控件只能够选择日期,但是现在的需求需要精确到秒,所以在网上搜索了一些例子(大部分是4.0的)作为参考,然后改出了6.0可用的一个日期时间选择控件. 1.找到extjs6. ...

  8. java界面日期选择控件,JavaFX界面设计之时间选择器(1)

    本章我们主要介绍javafX时间选择器的使用,描述了DatePicker控件的基本特性. javaFX的DatePicker控件可以让我们从一个给定的日历中选择一天,主要用于网站或应用中需要用户输入一 ...

  9. java 的日期选择控件_Java日期选择控件

    一起学习 一次项目研发中需要日期时间选择控件, 网上提供的不多, 且质量一般, 所以只好自己做,参考了 网上某位同学的 作品 Jave 日期选择控件 DateChooser . 目前的代码将日期时间选 ...

最新文章

  1. layui时间怎么设置年月日时分秒_layui-laydate时间日历控件使用方法详解
  2. 任务二 用户注册界面设计
  3. 羽毛球双打“七宗罪”~很详细!
  4. js排序算法06——希尔排序
  5. 5G常见缩略语大全!
  6. python 文本文件处理_53 Python - txt普通文件处理
  7. 解决一个输入框可输入多个条件进行查询时,后端该怎么接收参数以及SQL语句如何写
  8. OUTLOOK2019 解决 无法验证您连接到的服务器使用的安全证书
  9. 现在有很多年轻人都不想打工
  10. transition css3 渐变效果
  11. 再分享一个零成本做文库代下载赚钱项目
  12. js获取当前html路径,JavaScript获取当前url根目录(路径)
  13. 三种教鞭工具使用对比
  14. 计算机毕业设计JAVA鸿鹄教育培训mybatis+源码+调试部署+系统+数据库+lw
  15. 安装不成功问题解决办法
  16. 计算机二级C语言辅导考试买啥书,在大学想考计算机二级,请问自学的话需要买什么辅导书,要买好几本是吗?...
  17. mediatek无线网卡驱动 linux,MediaTek 高速USB网卡驱动适配
  18. 【空气质量数据分析专题三】优良率年际变化分析
  19. 查看oracle归档日志scn,Oracle 归档日志
  20. 网站建设|网站导航设计超强方法总结

热门文章

  1. 非科班生如何浑水摸鱼在省级大数据竞赛中获奖
  2. 《统计学》学习笔记之导论
  3. GIT项目管理工具(part9)--保存工作区
  4. 嵩天-Python语言程序设计程序题--第一周:Python基本语法元素
  5. python创建一个元组、输出元组下标为1、3、5的元素_【Python 1-9】Python手把手教程之——元组和元组的使用技巧...
  6. SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定用法讲解
  7. 内容分发网络 - Content Delivery Network 学习笔记
  8. TypeScript strictness - 严格语法检查
  9. Rxjs debounce 操作符在 SAP Spartacus 函数节流中的一个实际使用例子
  10. 如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地