如何在移动端,也就是手机上开发HTML?
首先,HTML5支持测试列表
在开始之前,你需要了解现代浏览器和移动平台对HTML5的支持。
主流浏览器HTML5功能支持概述
HTML5对移动平台的支持概述
HTML5支持测试
HTML5演示
第二,使HTML5元素可用
旧版IE浏览器无法识别新的HTML元素。但是,可以使用一些JavaScript或CSS解决方案来弥补这一缺陷。
HTML5Shiv:这个脚本可以让IE浏览器识别HTML5元素。
HTML5Enabler:功能类似于HTML5Shiv。
Modernizr:它使开发者能够在支持HTML5和CSS3的浏览器中充分利用它们的特性,而不牺牲对不支持这些新技术的其他浏览器的控制。
HTML5Reset:它提供了一套HTML和CSS文件,让你可以在最短的时间内开始一个新的项目。它使用modernizr来支持HTML5和CSS3。
第三,浏览器插件
下面是一些JavaScript插件,可以弥补一些浏览器对HTML5的支持。
1.视频
VideoJS是一个HTML5视频播放器,可以在所有浏览器中使用,包括IE6和移动设备。对于不支持HTML5的浏览器,自动使用Flash播放器播放。
2.音频JS
HTML音频播放器。用于使HTML5在各种浏览器中可用的标签,包括移动设备。
3.HTML5Widget
HTML5表单模块,包括日历,调色板,滑动部件,客户端验证等。
4.web表单2
支持HTML5表单属性,如模式、必需和自动聚焦。
5.LimeJS
LimeJS是HTML5的游戏框架,用于为现代触摸设备和桌面浏览器创建快速和本地化的游戏。
6.FlexieJS
支持CSS3 FlexibleBoxModel。
第四,在线工具
此外,还有一些在线工具可以帮助开发者加快HTML5项目的开发速度。
1.html 5样板文件
是一个HTML/CSS/JS模板,是实现跨浏览器规范化、性能优化和跨域Ajax、Flash等稳定可选功能的最佳实践。开发者称之为满足你开发一个跨浏览器、面向未来的网站需求的技能集合。
2.SwitchtoHTML5
非常有用的在线工具,可以根据你的喜好生成HTML5文档结构。