h5日期选择控件_成都h5开发工程师培训_H5入门需要知道的知识
随着智能手机、平板电脑等移动终端设备越来越普及,用户在移动端花的时间也越来越长。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入门需要知道的知识相关推荐
- js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件
js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件 参考文章: (1)js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) ...
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> "2. 每年的周数从(1-52), 如果超 ...
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(二)
前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之 带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...
- 【C#】wpf自定义calendar日期选择控件的样式
原文:[C#]wpf自定义calendar日期选择控件的样式 首先上图看下样式 原理 总览 ItemsControl内容的生成 实现 界面的实现 后台ViewModel的实现 首先上图,看下样式 原理 ...
- extjs 月份选择控件_Ext JS 4实现带week(星期)的日期选择控件(实战二)
前言 JavaScript 中的日期和时间 Ext JS 4实现带week(星期)的日期选择控件(实战一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Date 对 ...
- Swing的日期选择控件DatePicker
Swing的日期选择控件 依赖的包 图片示例 示例代码段 设置日期控件的值 验证代码 结论 依赖的包 下载DatePicker.jar 图片示例 示例代码段 JLabel dateJLabel = n ...
- ExtJS6.0扩展日期选择控件为也可以选择时间
PS:ExtJS自带的日期选择控件只能够选择日期,但是现在的需求需要精确到秒,所以在网上搜索了一些例子(大部分是4.0的)作为参考,然后改出了6.0可用的一个日期时间选择控件. 1.找到extjs6. ...
- java界面日期选择控件,JavaFX界面设计之时间选择器(1)
本章我们主要介绍javafX时间选择器的使用,描述了DatePicker控件的基本特性. javaFX的DatePicker控件可以让我们从一个给定的日历中选择一天,主要用于网站或应用中需要用户输入一 ...
- java 的日期选择控件_Java日期选择控件
一起学习 一次项目研发中需要日期时间选择控件, 网上提供的不多, 且质量一般, 所以只好自己做,参考了 网上某位同学的 作品 Jave 日期选择控件 DateChooser . 目前的代码将日期时间选 ...
最新文章
- layui时间怎么设置年月日时分秒_layui-laydate时间日历控件使用方法详解
- 任务二 用户注册界面设计
- 羽毛球双打“七宗罪”~很详细!
- js排序算法06——希尔排序
- 5G常见缩略语大全!
- python 文本文件处理_53 Python - txt普通文件处理
- 解决一个输入框可输入多个条件进行查询时,后端该怎么接收参数以及SQL语句如何写
- OUTLOOK2019 解决 无法验证您连接到的服务器使用的安全证书
- 现在有很多年轻人都不想打工
- transition css3 渐变效果
- 再分享一个零成本做文库代下载赚钱项目
- js获取当前html路径,JavaScript获取当前url根目录(路径)
- 三种教鞭工具使用对比
- 计算机毕业设计JAVA鸿鹄教育培训mybatis+源码+调试部署+系统+数据库+lw
- 安装不成功问题解决办法
- 计算机二级C语言辅导考试买啥书,在大学想考计算机二级,请问自学的话需要买什么辅导书,要买好几本是吗?...
- mediatek无线网卡驱动 linux,MediaTek 高速USB网卡驱动适配
- 【空气质量数据分析专题三】优良率年际变化分析
- 查看oracle归档日志scn,Oracle 归档日志
- 网站建设|网站导航设计超强方法总结
热门文章
- 非科班生如何浑水摸鱼在省级大数据竞赛中获奖
- 《统计学》学习笔记之导论
- GIT项目管理工具(part9)--保存工作区
- 嵩天-Python语言程序设计程序题--第一周:Python基本语法元素
- python创建一个元组、输出元组下标为1、3、5的元素_【Python 1-9】Python手把手教程之——元组和元组的使用技巧...
- SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定用法讲解
- 内容分发网络 - Content Delivery Network 学习笔记
- TypeScript strictness - 严格语法检查
- Rxjs debounce 操作符在 SAP Spartacus 函数节流中的一个实际使用例子
- 如何下载SAP Cloud for Customer UI技术模型的XML源代码到本地