如何在移动端,也就是手机上开发HTML?

你说的是html5开发,移动网页设计必须学习的知识体系。

首先,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文档结构。