一、bootstrap

1、定义：

Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。

2、类型

开源的用于前端开发的工具包

3、优点

兼容大部分jQuery插件

4、设计者

Mark Otto和Jacob Thornton

5、特点

Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为人性化的完善，形成了一套自己独有的网站风格，并兼容大部分jQuery插件。

二、HTML5

1、定义

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（html）的第五次重大修改，于2014年10月29日完成。

2、支持浏览器

IE9+，Chrome25+，Firefox19+等

3、特点

语义特性

本地存储特性

设备兼容特性

连接特性

网页多媒体特性

三维、图形及特效特性

性能及集成特性

CSS3特性

三、二者的优势与劣势

1、bootstrap：优势与劣势

Bootstrap2以后的版本不支持IE6，当你的网站需要支持IE6时，这就是缺点。当你的网站不需要支持IE6时，就减少了兼容代码的处理，就又变成了优点。

总体而言，bootstrap属于前段ui库，通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师，省去了很多编写前段处理时的痛苦。个人使用比较方便。相对于公司，直接使用bootstrap的不多，因为大公司都有自己的前段开发设计人员，也会设计自己的CSS库。

2、html5：优势与劣势

（1）摆脱对平台的依赖：：用户打开浏览器直接就可以访问你的应用，不需要经过各种Store的审核。

（2）实时更新：通常平台的审核都需要七个工作日左右的时间，如果你发布之后发现问题怎么办？Web方式就不存在这种问题。

（3）离线使用：用户可以离线使用，更新下载量极少，可是全部更新也可以选择替换部分文件。

（4）代码更安全：html5可以将Web代码全部加密，本地应用解密后再运行大大的提高了代码的安全性。

（5）跨平台：可以做到跨平台，多数核心代码不用重写。代码用得好的话，在许多地方都可以用到，可以减少许多工作量，特别是后期维护。

（6）最大的缺点就是因为新标准的介入，各浏览器之间将缺少一种统一的数据描述格式。