html5 web框架有：Bootstrap、HTML5 Boilerplate、Foundation、Ulkit、HTML5 KickStart、Gumby、Skeleton、Groundwork、Base、Montage、Kube等等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
Bootstrap
Bootstrap来自Twitter，是目前最受欢迎的前端框架，它简洁灵活，使得Web开发更加方便快捷。它有着优雅的HTMCSS规范，以及构建响应式网站的基本的组件，例如12列栅格布局、jQuery插件、Bootstrap控件等等。
HTML5 Boilerplate
立即学习“前端免费学习笔记（深入）”；
HTML5 Boilerplate的核心是用于帮助开发HTML5站点和应用程序的组件，它有着出色的性能和独立性，帮助你开始一个新的项目。
Foundation
Foundation一款非常先进的前端框架，易用、强大而且灵活，可用于构建基于任何设备上的 Web应用，提供多种Web上的UI组件，如表单、按钮、Tabs 等等。
Ulkit
Ulkit是一个轻量级、模块化的前端框架，帮助开发出快速、强大的Web接口，它有着全面的HTML、CSS和JS集合，易于使用和扩展。
HTML5 KickStart
HTML5 KickStart集合了HTML5、CSS和JS，帮助开发人员快速开发Web产品，它覆盖了所有的UI组件，同时也包含一些有用的JS插件。
Gumby
Gumby 2基于Sass开发，是一款出色的响应式CSS框架，它包括一个Web UI工具包，有好看按钮，表格，导航、标签、JS插件等。
Skeleton
Skeleton有着简单、界面友好的特点，有一系列CSS和JS文件的集合，它可以帮你快速地调整网页在不同分辨率下的显示效果，可以优雅地等比例缩放桌面、平板、手机上的浏览尺寸。
Groundwork
技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
Groundwork是一个响应式的HTML5，CSS和JavaScript框架，是基于Sass预处理器的开源项目。Groundwork 提供多种UI组件，如导航、按钮、图标、表单、Tabs、对话框、工具提示等等，可以创建适应多种浏览设备的布局。
Base
Base是一款系统化的、轻量级且易于扩展的框架，帮助你创建更强大的响应式网站。
Montage
Montage用于创建现代的Web应用，可以在客户端建立丰富的用户界面，并使用面向服务的后端处理数据。它有着出色的特性，例如复用组件和HTML模板，使用声明式的组件模型和声明式的数据绑定等等。
52Framework
52Framework是一个Web开发框架，它能实现HTML5和CSS3。它是一个跨浏览器的框架，可以在所有主流的浏览器上运行。它集合了很多优秀的组件，比如HTML5视频播放器、HTML5 canvas、HTML5认证表单等。
CreateJS
CreateJS是一套模块库和工具，丰富了网站的交互性内容。它有着对象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。
Kube
Kube足够的简单，足够小，具有很强的自适应能力，是响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版，没有任何样式绑定，给用户以绝对的自由。
Less Framework
Less Framework是一个现代的前端框架。它是一个CSS网格系统，用来设计自适应网页，包括4个布局和3套字体预设置，所有都是基于单个网格的。
SkelJS
Skel.js是一个用于创建响应式站点和应用的轻量级前端框架。
推荐教程：《html视频教程》
