HTML5核心技术的研究与价值分析

1、Value Engineering 1概述1.1HTML5概念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构成H

2、TML5规范的规范元素1.2.1语义级别的标记语言HTML5与时俱进增加了一些反映web 应用的新元素及属性。这些元素、属性被定义为具有某种特定的含义(语义。另外,这些元素、属性可以由两个不同的语法来表示:HTML 和XML 。HTML 类似SGML ,但是SGML 从未在浏览器中实际应用过,于是HTML5定义了一个新的语法,称为HTML 5。新的HTML 要求一个定义的DOCTYPE 去确保浏览器在标准模式中呈现页面。DOCTYPE 声明语句是,该语句在HTML 中不区分大小写。下图演示了两种语法构成(见图1(a 。个人简介:邢晓鹏(1978-,女,河北邯郸人,硕士研究生,陕西职业技术学院助

3、教,研究方向为计算机应用。HTML5核心技术的研究与价值分析Research and Value Analysis of HTML5Core Technology邢晓鹏Xing Xiaopeng(陕西职业技术学院,西安710100(Shaanxi Vocational &Technical College ,Xi'an 710100,China 摘要:本文首先简要介绍了HTML5的发展,然后详细说明并实例演示了HTML5在HTML4标准基础上新增的一些重要功能;着重介绍了HTML5在对视频和声频技术支持上的改进;最后概括地说明了HTML4的一些元素在HTML5标准中的变化。Ab

4、stract:The article briefly introduces the development of HTML5specification ,then explains and demonstrates HTML5's new features compared to HTML4,so HTML5enables native audio and video playback in the browsers on which is laid more emphasis.At last,the article concisely describes some HTML4'

5、;s features changed significantly in HTML5specification.关键词:HTML5;视频和声频Key words:HTML5;audio and video中图分类号:TP39文献标识码:A文章编号:1006-4311(201122-0157-020.018X 13-0.018X 14-0.150X 15,其中,Z 1,Z 2可以表示为各个软件园在2个因子上的得分,X 1,X 2,X 15,是各项指标经预处理后的数据。在上述分析的基础上,对35个全国软件产业基地进行综合实力分析的变量由原来的15个变成了2个因子变量,这两个因子变量反映了我国软件产

6、业竞争力发展的不同侧面。因此,各因子所对应的方差贡献率为权重进行加权求和,即可得到综合评价得分(见表3,即:综合得分=0.7965×Z 1+0.09648×Z 2。3结论从以上分析来看,北京软件产业基地的产业竞争力最强,综合得分达到了4.3分。其规模扩张发展能力在35个基地当中最强,但是其创新因子得分是-1.4,说明北京软件产业基地虽然产业竞争力综合实力比较强,但是在创新能力方面还比较弱。在以后的发展当中,北京软件产业基地应当利用资源优势以及地理优势,继续推动应用创新,推动软件产业高端发展。深圳软件园,广州软件园,杭州高新软件园,西安软件园,上海软件园,齐鲁软件园,天府软件

7、园,苏州软件园,大连软件园,无锡软件园以及南京软件园得分大于0小于1。其中,以深圳产业园的创新能力最高,其创新因子达到了3.66分,处于全国领先优势。其规模扩张发展能力因子的得分也有0.56分。说明其总体发展比较均衡。深圳软件园应继续保持其较强的竞争力,发展成具有鲜明个性和特色的国际软件产业园。排在前十位的西部地区软件产业竞争力较强的软件产业基地西安软件园综合得分0.26分,其规模扩张因子达到0.26分,创新因子也达到了0.19分。说明西安软件园的综合竞争力在不断提高。其在全国软件产业基地中的影响也日益剧增。西安软件园应当继续提高其综合竞争能力,将其建成以软件研发、信息技术服务、集成创新应用、

8、服务外包、集成电路设计与应用等五大产业领域为支撑的智能软件新城。其余的23个软件产业基地不管是综合得分还是规模扩张发展能力得分及创新能力得分都是负分。说明其各个方面发展都有欠缺,这些软件园应该根据其自身的特点,来提高其软件产业竞争力。从地区分布上看,各地区软件产业发展不尽相同,东部地区软件产业竞争力强势,西部地区相对强势,中部和东北地区弱势格局形成。综上所述,我国软件产业基地的综合竞争力水平差别比较大。在规模扩张发展能力以及创新能力方面的发展也或多或少有些欠缺。各个软件产业基地应当认真分析其发展特点,找出其优势所在,提高其竞争力,使我国能够成为有国际影响力的软件大国。产业基地排名综合得分 Z

9、1北京软件产业基地深圳软件园广州软件园杭州高新软件园西安软件园上海软件园齐鲁软件园天府软件园苏州软件园大连软件园无锡软件园南京软件园湖北软件产业基地长沙软件园珠海高新区软件园青岛软件园江苏软件园福州软件园123456789101112131415161718 4.300.800.580.510.250.01-0.11-0.20-0.21-0.21-0.21-0.24 5.570.560.620.370.040.05-0.18-0.30-0.25-0.21-0.24-0.29Z2-1.403.660.

10、892.511.111.400.870.970.51-0.030.22-0.230.400.46-0.08-0.44-0.19-0.03产业基地排名综合得分Z 1Z 2天津华苑软件园东大软件园重庆软件园厦门软件园中部产业软件园长春软件园常州软件园合肥软件园大庆软件园金庐软件园山西软件园南宁软件园云南软件园吉林软件园河北基地内蒙古软件园兰州软件园1920212223242526272829303132333435-0.25-0.29-0.30-0.31-0.34-0.36-0.36-0.36-0.38-0.40-0.40-0.40-0.41-0.41-0.42-0.43-0.44-0.29-0.

11、26-0.32-0.34-0.37-0.39-0.38-0.38-0.39-0.42-0.42-0.41-0.43-0.43-0.44-0.45-0.45-0.22-0.82-0.53-0.41-0.50-0.46-0.55-0.59-0.65-0.63-0.68-0.77-0.75-0.74-0.76-0.76-0.79表32009年我国软件园综合竞争力排名·157·价值工程 Figure 4audio APIReasons ElementsCSSExperience Uselessnessbasefont big center font s strike tt u fr

12、ame frameset noframes acronym applet isindex dirTable 3Absent ElementsTable 2New elements in HTMLCategories count ElementsSectionsGrouping content Text-Level semantics Embedded content Forms Interactive725553article aside footer header hgroup nav section figcaption figuremark ruby rt rp timeaudio ca

13、nvas embed source video datalist keygen meter output progress command details summary1.2.2语义级别的API 函数这些API 函数用于访问其他应用程序的功能或数据。这些函数表明了他们在Web 应用架构中的关键作用,如图1(b 所示。1.3由浏览器支持的HTML5(Windows 平台各浏览器支持HTML5的程度存在一定差异,如表1所示。2HTML5的新功能2.1新元素在HTML5中新增了27个新元素,这些新元素被分为如表2所示的6类。并且这些元素在HTML5规范中全部是小写。在这里,我们把audio 元素6

14、被作为一个代表性的例子来演示在HTML5中是如何工作的。audio 元素是HTML 5中一个最令人兴奋和期待已久的功能,因为它可以使音频在浏览器上直接播放,而需要专用音频插件。首先,让我们用下面的例子来说明音频元素,如图2所示。 音频编码有多种格式,但是还没有一个浏览器可以支持所有的音频编码,于是Ian Hickson 说:“我极不情愿地得出的结论:根据最新情况,这还没有合适的可以支持所有版本的音频编码的浏览器,所以我个人认为,该浏览器的出现应该是一个小概率事件”7。第二,为什么一个浏览器可以不用插件就可以播放音频?下面的例子是通过Chrome 浏览器来演示说明。当用Chrome 浏览器打开网

15、页时,它会自动加载ffmpeg 8的avcodec-52.dll (参见图3(a 。图中的三个动态链接库是ffmpeg 的编码库,包含了编码和解码(见图3(b 项。这就是为什么Chrome浏览器可以在本浏览器上播放音频的关键原因。2.2Web 应用多种API 函数HTML5介绍的了一系列API 函数,来帮助创建Web 应用程序,例如:API 函数用新的video 9和audio 元素来播放视频和音频。以下通过WEB 应用API 函数中的audio 相关的函数来演示,如图4所示。audio 元素揭示了一个JavaScript API ,因此网站设计人员可以使用CSS 和HTML 创建用户按钮,并

16、使用HTML5的audio API 给予用户一些适当的功能。3HTML4元素在HTML5中的变化3.1废弃的元素HTML5废除了一些陈旧过时的元素。废除这些元素的原因包括以下几种:CSS 这些元素只是单纯的呈现内容,所以它们的功能可以更好地通过CSS 来处理。Experience 这些元素在使用中影响了用户的体验并以一种负面的方式让用户接受。Uselessness 这些元素由于不经常使用,而容易造成混淆,或着这些元素可以由其它元素来代替。3.2新的属性HTML5除了废弃一些元素外还给一些元素上增加了新的属性。在这里,我们以script 元素被作为一个代表性的例子来说明。在HTML5中scrip

17、t 元素新增加了一个属性:"async",该属性只有在src 出现的情况下才能使用。当"async"属性没出现之前,浏览器遇到一个外部脚本,就必须加载并运行该脚本,这会影响浏览器的性能,如果当一个页面有多个脚本块要运行时,这个网页就会加载的很慢。于是HTML5规范增加了一个属性来更有效地帮助脚本运行(见图5。参考文献:1/wiki/FAQ#What_is_HTML5.3F.2/.3/html/wg/.4/TR/html5/introduction.html#history-1.5/wiki/FAQ#What_is_an_HTML_Serialization.3F.6B ruce Lawson ,Remy Sharp,刘红伟译.HTML 5用户指南.机械工业出版社,2