前端开发工作并不容易，除了掌握基本的 HTML、CSS 和 Javascript ，因为不同版本的浏览器和平台，还需要知道如何做一个跨浏览器的网站。所以大家必须掌握有很多优秀的html5框架结构。
本文列出了一下html5框架结构的 UI 组件和 Javascript 插件，希望能帮助大家做出更好的成就。
第一个html5框架结构——Twitter Boostrap，
HTML & CSS 组件： 网格，布局，排版，代码，表格，表单，按钮，图像，图标，按钮组，导航，面包屑，分页，选项卡，徽章，缩略图，提醒，进度条。
JavaScript 组件： 过渡，模态窗口，下拉框，滚动检测，标签，工具提示，弹出层，警报，按钮，手风琴，旋转木马，自动补齐。
其它特性： 支持定制， LESS CSS。
第二个html5框架结构——　InK
HTML & CSS 组件：布局，导航，排版，图标，表格，提醒，表单。
JavaScript 组件：画廊，模态窗口，表格，可排序的日期选择器，选项卡，表单验证，行为。
其它特性：支持Sass 混入。
第三个html5框架结构——GroundworkCSS
HTML & CSS 组件：网格，布局，排版，按钮，瓷砖，表格，表格，图示，社会的图标，响应文本，消息，警报。
JavaScript组件：导航，标签，工具提示。
其它特性：支持 Sass 混入。
第四个html5框架结构——Ivory
HTML & CSS 组件：网格，排版，表单，按钮，提醒，分页，面包屑，列表，表格。
JavaScript组件：工具提示，选项卡，切换开关，手风琴。
第五个html5框架结构——Foundation
HTML & CSS 组件：网格布局模板，图标，字体，响应式表格，SVG 社交图标，分页，面包屑，边栏导航，按钮，字体，标签，提醒，面板，价格表，进度条，表格，缩略图。
JavaScript 组件：下拉按钮，分割按钮，开关，自适应视频，灯箱，下拉列表，导航，显示模态窗口，选项卡，工具提示。
其他特性：自定义皮肤的表单，SCSS 混入。
第六个html5框架结构——Grumby
HTML & CSS 组件：网格，表单，按钮，导航，标签，Entypo 图标。
JavaScript 组件：切换开关，下拉框，选项卡，模态窗口。
其他特性：自定义皮肤的表单，SASS & Compass。
3~1~2~8~1~2~7~6~4~6