有关HTML5开发的资源集合

浏览数：32 / 时间：2015年06月09日

资源来自：https://github.com/maxzhang/maxzhang.github.com/issues/12

html5并不是一个什么很新鲜的东东了，首先不要有概念上的误区，我想题主说的html5是指一个泛概念，html5是由下面几个技术组成的一个整体：

HTML5 ~= HTML + CSS + JS

推荐一个PPT可以让你全面了解HTML5：http://slides.html5rocks.com/

HTML部分包括大家已经熟知的HTML4.01 Standard http://www.w3.org/TR/html401/
还有就是即将成为Standard的 HTML 5 Candidate Recommendation http://www.w3.org/TR/html5/

HTML5 是在 HTML4的基础上增加了更多的语义化标签，比如：

<header>
<nav>
<section>
// 这有太多了，就不一一细说

并且在原有Tag上，扩展了更多的标记属性，比如：

<input type="text" required />
<input type="email" value="[email protected]" />

HTML5除此之外，还引入了很多新的标签和属性，比如：WebApp开发方向的progress、无障碍浏览ARIA 、做SEO优化Microdata等等。

CSS部分也是同样的，大家已经熟知的CSS2 Standard http://www.w3.org/TR/CSS2/
W3C最新的是CSS Level3 标准，由于CSS3包含的内容非常多，文档都是分开的，暂时没办法给出所有的标准地址，先贴一部分常用的标准吧：

JS部分对于HTML5来说主要体现在 Web API 方面，所有 API 都是 BOM对象，下面我也列出一些常见的标准地址：

通过上面的内容，大概已经了解HTML5是个什么东西了，下面就来说说HTML5开发APP可以使用的一些资源。其实HTML5开发与以往的Web 并没有本质的区别，主要差别体现在HTML5的一些新特性并没有被老旧类库很好的支持，这样就需要一些更现代的类库来使用HTML5做开发。

首先是 JS库/框架，

轻量级库包括

Zepto.js http://zeptojs.com/ 这个一个在移动端很好用的轻量级库，非常小巧，但是功能也很简单；
jQuery 2.0 http://jquery.com/ 这里说的是2.0以后的版本，仅支持一些高级浏览器，使用很多HTML5的特性，虽然在移动端开发体积相对zepto较大了些，但是作为一个基础库来说确实令人爱不释手；

App框架（下面的框架不仅仅只能用来移动端开发）

jQuery Mobile http://jquerymobile.com/ 和jQuery是一样的编程思想，使用起来非常方便，包含浏览历史管理、视图导航渲染、UI组件等功能；
App Framework https://github.com/01org/appframework/ 与jQuery Mobile非常相似的一个框架，实际我也没有使用过，看过了API，基本与jQuery Mobile类似；
Sencha Touch http://www.sencha.com/products/touch/ Sencha的产品，在我使用Ext的时候就已经非常喜欢，是完全web组件化的思路，用来做企业应用开发非常的棒，但是，也有很多缺点，比如体积、复杂、性能等等；

MVC框架