HTML5技术介绍

HTML5移动开发框架： 1、Ionic

Ionic 是目前最有潜力的一款HTML5手机应用开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。Ionic 主要关注外观和体验，以及和你的应用程序的 UI交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

Ionic主要特点：

1.Ionic为性能而生-追求性能 运行速度快 2.轻量级框架

3.Ionic完美的融合下一代移动框架 AngularJS 基于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护

4.漂亮的设计让你立马爱上它，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.Ionic让你看不出混合应用和原生的区别-专注原生 6.强大的命令行工具 7.基于angular语法简单易学

Ionic是一个轻量的手机UI库，具有速度

HTML5移动开发框架： 1、Ionic

Ionic 是目前最有潜力的一款HTML5手机应用开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。Ionic 主要关注外观和体验，以及和你的应用程序的 UI交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

Ionic主要特点：

1.Ionic为性能而生-追求性能 运行速度快 2.轻量级框架

3.Ionic完美的融合下一代移动框架 AngularJS 基于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护

4.漂亮的设计让你立马爱上它，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.Ionic让你看不出混合应用和原生的区别-专注原生 6.强大的命令行工具 7.基于angular语法简单易学

Ionic是一个轻量的手机UI库，具有速度

编 号：

审定成绩：

毕业设计（论文）

设计（论文）题目：

基于HTML5的企业门户网站

摘 要

随着科技的飞速发展，时代的不断变迁，人们对于信息的渴望程度日益剧增，对随时随地都能够获取信息更是充满期待，对获取的信息的真实性、安全性等的要求也是越来越高。伴随着人们的审美观念不断提高，对视觉效果上的追求也是越来越苛刻，传统的Web开发已不能满足人们的需求，对于前台开发者来说更是迫切需求一种全新的开发模式。至此一场前所未有，盛况空前的变革正在侵袭，那就是HTML5——新一代的Web标准。伴随着移动物联网行业高速发展，HTML5亦将对移动终端设备提供亲和式的支持，人们的生活方式将发生翻天覆地的变化，一场以“HTML5为中心”的大变革将带来难以预见的影响。

随着整个HTML5研发团队对HTML5标准的不断改进优化，HTML5技术已经变的相当的成熟与健壮，并且已发展成为了一种Web设计的潮流，HTML5丰富多彩的应用已经融入到我们周围触手可及的各个环境中，给我们带来了

在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。使用“浮动”方式后，块级元素的表现就会有所不同。

CSS中有一个float属性，默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧，同时默认情况下，盒子的宽度不在伸展，而是根据盒子里面的内容的宽度来确定。

准备基础代码

浮动的性质比较复杂，这里先制作一个基础的页面，代码如下。后面一系列的实验将基于下

面的代码为基础，并根据不同的知识点添加不同的新代码。