摘 要：本文介绍了HTML5的发展背景、HTML5与HTML4的主要区别及HTML5的新特性，如用于绘画的canvas元素、用于媒介回放的video和audio元素、本地离线存储及新的表单控件等。以XX师范学院网站为例，采用HTML5代码实现网站，提高网站的执行速度，让浏览者得到更好的访问体验。并以原有网站Flash动画为例，讨论了如何用HTML5 canvas元素画出图线、矩形并结合JQuery等功能实现Flash动画，提高网站的加载速度。6992
关键词：HTML5；Canvas；网站
Website of University Design Based HTML5
Abstract: This paper introduces the development background of HTML5, the main differences between HTML5 and HTML4 and the new characteristics of HTML5, such as the canvas element, painting for media playback of video and audio elements, local offline storage and new form controls. Taking the Website of Zhoukou Normal University as an example, using HTML5 code to achieve site, improve the site's execution speed, and let visitors to get better access to experience. Taking the website Flash animation as an example, it discusses how to use the HTML5 canvas element to draw graph, rectangular and JQuery functions to realize the Flash animation, improve speed of the site loading.
Keywords: HTML5; Canvas; Website
目 录
摘 要 1
引言 1
1. HTML5概述 2
1.1 HTML5的发展背景 2
1.2 HTML5与HTML4的主要区别 2
2. HTML5的新特性 3
2.1 HTML5标准简述及意义 3
2.2 用于绘画的canvas元素 4
2.3 用于媒介回放的video和audio元素 4
2.4 本地离线存储 4
2.5 新的表单控件 5
3. 用HTML5代码实现周口师范学院网站 5
3.1 用HTML5代码实现网站 5
3.2 用HTML5实现Flash 6
3.3 测试 8
4. 总结 9
参考文献 9
致谢 10
基于HTML5的学校网站设计引言
互联网的发展对人们生活的影响越来越大，互联网的各类应用和服务给我们带来了很大的便利。WEB站点作为互联网上最重要的服务之一，其编程语言HTML（Hypertext Markup Language超文本标记语言）已经发展了20多年，2012年12月17日，万文网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”目前在真正意义上的实现HTML5可能还会需要很长时间，因为该标准还处在制定、开发、讨论和实验阶段，但它的实现无疑将给近十年来Web标准带来巨大飞跃[1]。HTML5加入了各类新的元素和功能，同时也考虑到了非健全人士使用互联网可能会带来的问题。所以，研究HTML5这种技术来尝试做一些应用具有一定的现实意义。该课题是基于HTML5改写学校原有HTML4编码网站，尝试用canvas标签来实现网站原有Flash功能。
1. HTML5概述
1.1 HTML5的发展背景
HTML从1993年6月作为互联网工程工作小组(IETF)工作草案发布以来，经历了数次标准变化，形成新版本是HTML4.01。但近年来由于各种浏览器竞相上市，微软的IE系列；苹果的Safari，Google的Chrome，还有Mozilla、Firefox等等。不同的浏览器对各种标签的解析不同，为适应手机等移动终端的需要，这些浏览器针对移动终端进行开发又使web标准变得更加混乱。HTML迫切需要新功能、新规范[2]。
在如上所述的各种背景下，一些公司联合起来，成立了Web超文本应用技术组：WHATWG。起草和修改HTML5草案。成员来自Mozilla，KHTML/Webkit项目组，Google，Apple，Opera以及微软，HTML5的使命是将Web带入一个成熟的应用平台，它将从根本上改变Web的体验方式。2006年，W3C经投票决定吸纳WHATWG的工作成果作为HTML5的标准。2008年发布了HTML5工作草案，2012年HTML5规范正式定稿。HTML5作为下一代互联网技术标准，为Web应用提供了丰富的API和特性[3]，包含了设计师需要的很多东西，例如本地的音频，视频支持，多栏布局工具，离线数据库，本地的矢量图支持等等，这是HTML4所没有触及的。HTML5基本解决了HTML4中的代码多而杂问题。很多权威专家和组织认为HTML5有很好的发展前景。 基于HTML5的学校网站设计:http://www.751com.cn/jisuanji/lunwen_4745.html