龙源期刊网 http://www.qikan.com.cn
HTML5核心技术的研究与价值分析
作者：邢晓鹏
来源：《价值工程》2011年第22期
摘要：本文首先简要介绍了HTML5的发展,然后详细说明并实例演示了HTML5在HTML4标准基础上新增的一些重要功能；着重介绍了HTML5在对视频和声频技术支持上的改进；最后概括地说明了HTML4的一些元素在HTML5标准中的变化。
Abstract: The article briefly introduces the development of HTML5 specification，then explains and demonstrates HTML5's new features compared to HTML4, so HTML5 enables native audio and video playback in the browsers on which is laid more emphasis. At last, the article concisely describes some HTML4's features changed significantly in HTML5 specification. 关键词：HTML5；视频和声频 Key words: HTML5；audio and video
中图分类号：TP39 文献标识码：A文章编号：1006-4311（2011）22-0157-02 1概述
1.1 HTML5概念HTML5是HTML4、XHTML1、HTML DOM 2的一个新版本，它主要增强了（X）HTML的功能[1] ，同时也解决了已有规范中存在的一些问题。简而言之，HTML5是HTML的升级版。
HTML5规范的第一版是由WHATWG在2008年发布的，然而，现在有两个不同版本规范：WHATWG规范[2]和W3C规范[3]。WHATWG HTML5和W3C规范的版本虽然都来自同一个源出处（两者都是由Ian希克森编辑）但是他们在某些方面存在分歧[4]。本文将主要集中在W3C版本规范，其中第一个公共草案是在2008年1月22日获释。 1.2 构成HTML5规范的规范元素
1.2.1 语义级别的标记语言HTML5与时俱进增加了一些反映web应用的新元素及属性。这些元素、属性被定义为具有某种特定的含义（语义）。
另外，这些元素、属性可以由两个不同的语法来表示：HTML和XML。HTML类似SGML，但是SGML从未在浏览器中实际应用过，于是HTML5定义了一个新的语法，称为HTML[5]。新的HTML要求一个定义的DOCTYPE去确保浏览器在标准模式中呈现页面。 DOCTYPE声明语句是，该语句在HTML中不区分大小写。下图演示了两种语法构成（见图1（a））。
龙源期刊网 http://www.qikan.com.cn
1.2.2 语义级别的API函数这些API函数用于访问其他应用程序的功能或数据。这些函数表明了他们在Web应用架构中的关键作用，如图1（b）所示。
1.3 由浏览器支持的HTML5 （Windows平台）各浏览器支持HTML5的程度存在一定差异，如表1所示。 2HTML5的新功能
2.1 新元素在HTML5中新增了27个新元素，这些新元素被分为如表2所示的6类。并且这些元素在HTML5规范中全部是小写。
在这里，我们把audio元素[6]被作为一个代表性的例子来演示在HTML5中是如何工作的。
audio元素是HTML 5中一个最令人兴奋和期待已久的功能，因为它可以使音频在浏览器上直接播放，而需要专用音频插件。首先，让我们用下面的例子来说明音频元素，如图2所示。
音频编码有多种格式，但是还没有一个浏览器可以支持所有的音频编码，于是Ian Hickson说：“我极不情愿地得出的结论：根据最新情况，这还没有合适的可以支持所有版本的音频编码的浏览器，所以我个人认为，该浏览器的出现应该是一个小概率事件”[7]。 第二，为什么一个浏览器可以不用插件就可以播放音频？ 下面的例子是通过Chrome浏览器来演示说明。
当用Chrome浏览器打开网页时，它会自动加载ffmpeg[8]的avcodec-52.dll（参见图3（a））。图中的三个动态链接库是ffmpeg的编码库，包含了编码和解码（见图3（b）项）。这就是为什么Chrome浏览器可以在本浏览器上播放音频的关键原因。
2.2 Web应用多种API函数HTML5介绍的了一系列API函数，来帮助创建Web应用程序，例如：
API函数用新的video[9] 和 audio元素来播放视频和音频。
以下通过WEB应用API函数中的audio相关的函数来演示，如图4所示。audio元素揭示了一个JavaScript API，因此网站设计人员可以使用CSS和HTML创建用户按钮，并使用HTML5的audio API给予用户一些适当的功能。 3HTML4元素在HTML5中的变化
龙源期刊网 http://www.qikan.com.cn
3.1 废弃的元素HTML5废除了一些陈旧过时的元素。废除这些元素的原因包括以下几种：①CSS这些元素只是单纯的呈现内容，所以它们的功能可以更好地通过CSS来处理。②Experience这些元素在使用中影响了用户的体验并以一种负面的方式让用户接受。
③Uselessness这些元素由于不经常使用，而容易造成混淆，或着这些元素可以由其它元素来代替。
3.2 新的属性HTML5除了废弃一些元素外还给一些元素上增加了新的属性。在这里，我们以script元素被作为一个代表性的例子来说明。在HTML5中script元素新增加了一个属性：\"async\"，该属性只有在src出现的情况下才能使用。当\"async\"属性没出现之前，浏览器遇到一个外部脚本，就必须加载并运行该脚本，这会影响浏览器的性能，如果当一个页面有多个脚本块要运行时，这个网页就会加载的很慢。于是HTML5规范增加了一个属性来更有效地帮助脚本运行（见图5）。 参考文献:
[1]http://wiki.whatwg.org/wiki/FAQ#What_is_HTML5.3F. [2]http://www.whatwg.org/. [3]http://www.w3.org/html/wg/.
[4]http://www.w3.org/TR/html5/introduction.html#history-1.
[5]http://wiki.whatwg.org/wiki/FAQ#What_is_an_HTML_Serialization.3F.
[6]B ruce Lawson，Remy Sharp,刘红伟译.HTML 5用户指南.机械工业出版社，2011，1. [7]http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-June/020620.html. [8]http://ffmpeg.org/general.html.
[9]Peter Lubbers等，李杰等译.HTML5高级程序设计.人民邮电出版社，2011，1 .
