html5语言论文,关于HTML5论文

摘要：

Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准，HTML5自然也是备受期待和瞩目。HTML5是近十年来Web开发标准巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图象、动画,以及同电脑的交互都被标准化。随着互联网的发展,HTML标准也在不断变化,HTML标准已经走过第4代了,自从W3C公布HTML5标准草案以来,因为它能用简单的标签元素,属性能实现之前需要用很多复杂JavaScript代码才能有实现的功能,HTML5越来越受到欢迎。

关键字：html5

图像 存储及速度 视频和音频 flash

一．HTML5之图像

HTML5赋予图片图形更多的交互可能，HTML5的canvas标签还能够配合javascript来利用键盘控制图形图像，这无疑为现有的网页游戏提供了新的选择和更好的维护性和通用性，脱离了flash插件的网页游戏必然能够获得更大的访问量，更多的用户。一些统计数据表格也可以通过使用canvas标签来达到和用户的交互，例如某网站对2009年德国的大选情况统计就全部通过了HTML5来实现用户点击和数据的变更，点选某个区域就可以实时的看到该区域各党派选票率，大大增强了统计图表的可读性。

通过HTML5对图形图像的新特性，未来可能会有在线绘图的工具和应用，人们将不再需要安装painter这类基本的绘图软件，而直接使用基于浏览器的应用。而对用户体验人员和开发者来说，将能够在用户毫不知情的情况下收集和生成用户鼠标的浏览轨迹，从而生成一部分可用的热点图，这对于找出网站的不足，提升用户体验有着重要作用。

HTML5的Geolocation API主要特点在于：1. 本身不去获取用户的位置，而是通过其他三方接口来获取，例如IP,GPS,WIFI等方式。2. 用户可以随时开启和关闭，在被程序调用时也会首先征得用户同意，保证了用户的隐私。

二．存储及速度：

现在，web应用的火爆已经是不折不扣的现实，并且相对传统的应用,web应用不需要安装，所占空间小的特性使其具备传统软件应用所不具备的优势，然而，目前制约web应用最大的问题在于网络连接不能够无时无处。在飞机上，汽车上，火车上，有很多地方都无法被网络信号所覆盖，因此web应用也就无法使用。

HTML5的离线存储使得这个问题迎刃而解。HTML5的web storage API 采用了离线缓存，会生成一个清单文件(manifest file)，这个清单文件实质就是一系列的URL列表文件，这些URL分别指向页面当中的HTML,CSS,Javascrpit,图片等相关内容。当使用离线应用时，应用会引入这一清单文件，浏览器会读取这一文件，下载相应的文件，并将其缓存到本地。使得这些web应用能够脱离网络使用，而用户在离线时的更改也同样会映射到清单文件中，并在重新连线之后将更改返回应用，工作方式与我们现在所使用的网盘有着异曲同工之处。

缓存的强大并不止在于离线应用，同样在于对cookies的替代，目前我们经常使用的保存网站密码，使用的就是cookies将密码信息缓存到本地，当需要时再发送至服务器端。然而，cookies有其本身的缺点—4KB的大小和反复在服务器和本地之间传输，并且无法被加密。对于cookies的反复传输，不仅浪费了使用者的带宽、供应商的服务器的性能，更增加了被泄露的危险。

Web storage API 解救了cookies,

据现有的资料，web storage

API将至少支持4M的空间作为缓存，对于日常的清单文件和基础信息，应该已经足够使用了，毕竟4KB我们不是都使用了这么多年了？速度的提升方式在于，webstorage API 将不再无休止的传输相同的数据给服务器，而只在服务器请求和做出更改时传输变更的必须文件，这样就大大节省了带宽，也减轻了服务器的压力。可谓是一举数得!

三．视频，音频与画布

1.对多媒体的支持可以说是HTML5的一个非常大的特点，用户再也不用借助第三方的插件比如flash插件，省去了终结繁杂的配置环节，最主要的是运行环境的变化带来了性能上的提升和资源上的节约。

实例：HTML代码

controls="controls">

src="movie.ogg" type="video/ogg">

src="movie.mp4" type="video/mp4">

Your browser does not support the video

tag.

2.对多媒体支持的第二个关键元素则是对音频的支持,使用audio标签，使用上和video的方法相近，支持的音频文件格式主要包括wav.mp3.ogg，避免了对flash等外部插件的依赖。

3.HTML5中canvas使用Javascript在网页上绘制图形，画布是一个举行的区域，我们可以再控制上面的每一个像素的属性，canvas拥有多种绘制图形，路径，矩阵和添加图形的方法。

(1)创建Canvas

id="myCanvas" width="200"

height="100">

指定创建的画布的高度和宽度。

(2)调用Javascript进行绘图

用于canvas自身不具有画图能力，所以必须调用Javascript来完成画图工作。

四．浏览器的支持

无论是MAC平台还是windows平台，chrome都以较大的优势胜出，这可能是因为google向来都是新技术的热烈追逐者把(google甚至为了HTML5放弃了gears的研发)。其次是firefox 3.6和safari浏览器，而firefox的用户算是比较多的。safari 对 HTML5的Web 应用的支持最好，只有地理定位还不支持。最新的IE9对HTML5还是基本支持的！

五．HTML5与FLASH

关于HTML5和Flash的论战在互联网界已经持续了一段时间，这场争论始于乔布斯在发布iPad时公开表示苹果的设备将不支持

Flash，后来他在苹果网站上发表的公开信将这场争论推向高潮，web设计师和程序员们纷纷发表自己的看法，许多人认为HTML5才是未来，Flash 要死了。随着这场论战逐渐升温，HTML和Flash两个开发者阵营开始互相攻击，为了捍卫各自的荣誉而忽略了问题的本质。现在开发者社区归于平静，大家似乎达成了某种程度的共识：两种技术都有其价值和缺陷，要根据项目的要求选择合适的技术。其实本应如此，HTML和Flash本就是互相补充的技术，正是因为它们的存在，互联网上的内容才越来越丰富，用户的体验才越来越好。

HTML5提出了很多革命性的元素和JavaScript API，比如canvas，video，audio，local Storage，web socket，offline detection，drag and drop等等。HTML5可以看做是新的语义标签，新的JavaScript API和CSS3的集合。它目前也存在大量的问题，最严重的当属浏览器支持，这也是令web设计师和程序员对其又爱又恨的原因。

规范的制定是个非常缓慢的过程，这点与开放标准的制定过程有关，由W3C这个组织的本质所决定，无论如何，HTML5规范也不可能跟得上像Flash和Silverlight那样的发展和创新速度，这从另一方面说也算是私有技术的一个好处。

参考文献：

1.www.w3school.com.cn

2.www.html5cn.org