怎么在移动端上,也就是在手机上开发HTML?

如题所述

您说的是html5开发,针对移动端网页设计必学的知识体系。
一、HTML5支持测试列表

在开始之前,你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。

主流浏览器HTML5功能支持一览
移动平台HTML5支持一览
HTML5支持测试
HTML5演示
二、让HTML5元素可用

老版本的IE浏览器不能识别新的HTML元素。但是,可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。

HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。
HTML5 Enabler:功能与HTML5Shiv类似。
Modernizr:它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。
HTML5 Reset:它提供了一组HTML、CSS文件,让你能够以最少的时间来启动一个新的项目。它使用modernizr来支持HTML5 和 CSS3。
三、浏览器插件

下面是一些JavaScript插件,可以弥补一些浏览器对HTML5的支持问题。

1. VideoJS

VideoJS是一个HTML5的视频播放器,可以在所有浏览器中使用,包括IE6和移动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。
2. AudioJS

HTML音频播放器。用来让HTML5 的 <audio> 标签可以在各种浏览器上使用,包括移动设备。
3. HTML5Widget

HTML5的表单模块,包括日历,调色板,滑动部件,客户端验证等。
4. Webforms2

HTML5 表单属性的支持,例如pattern、required和autofocus。
5. LimeJS

LimeJS是HTML5的游戏框架,用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。
6. FlexieJS

支持CSS3弹性盒子模型(Flexible Box Model)。
四、在线工具

此外,还有一些在线工具,可以帮助开发者加快HTML5项目的开发。

1. HTML5 Boilerplate

HTML5Boilerplate 是一个HTML / CSS /JS模板,是实现跨浏览器正常化、性能优化、稳定的可选功能如跨域Ajax和Flash的最佳实践。开发者称之为技巧集合,目的是满足你开发一个跨浏览器,并且面向未来的网站的需求。
2. Switch to HTML5

非常有用的在线工具,可以根据你的喜好生成HTML5文档结构。追问

请问有什么开发平台可以支持在手机上编写HTML程序,并可以执行?

追答

您说的是开发手机APP所需要的工具?

追问

支持HTML的

追答

具体给你介绍这五款开发工具:
1、Bizness Apps
2、APPMakr
3、Appsgeyser
4、Mobile Roadie
5、DevmyApp

追问

好的,谢谢

温馨提示:答案为网友推荐,仅供参考