浅谈下一代Web开发标准核心技术―HTML5.docVIP

浅谈下一代Web开发标准核心技术―HTML5 　　摘 要： HTML5是近十几年来Web开发标准巨大的飞跃。HTML5为了更好的处理今天的互联网的应用，添加了很多新元素和功能，比如：图形的绘制；视频、音频、图像，以及同电脑的交互都被标准化。文章介绍了HTML5的新特性和技术，分析HTML5与现有主流技术的关系，研究了HTML5技术的局限性及发展前景。 　　关键词： HTML5； CSS3； Canvas； 标准； 移动平台 　　中图分类号：TP393 文献标志码：A 文章编号：1006-8228（2015）04-03-03 　　Abstract： HTML5 is a big leap in Web development standards in recent ten years. In order to deal with todays Internet applications， HTML5 has added many new elements and function， for example： graphics rendering， video， audio， image， and computer interaction. This paper introduces the new characteristics and technology of HTML5， analyses the relationship between HTML5 and existing mainstream technology， and points out the limitations and prospects of HTML5 technology. 　　Key words： HTML5； CSS3； Canvas； standard； mobile platform 　　0 引言 　　HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大版本，是开放的Web网络平台的奠基石。HTML5将成为HTML、XHTML以及HTML DOM的新标准。HTML5是W3C（World Wide Web Consortium）与WHATWG（Web Hypertext Application Technology Working Group）在2006年决定进行合作以来创建的一个新版本的HTML。2013年5月6日， HTML 5.1 正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者提高新元素互操作性。从该草案的发布至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。 　　目前大部分浏览器都支持HTML5，包括：Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的遨游浏览器（Maxthon），360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。 　　1 HTML5主要特性 　　1.1 语义特性 　　HTML5引入了一批新标签和属性，使得构建网页更容易，赋予了网页更好的意义和结构。这些标签将随着对RDFa微数据与微格式等方面的支持，构建对程序和对用户更有价值的数据驱动的Web。 　　1.2 本地存储特性 　　HTML5的本地存储又称离线存储，这个概念和cookie相似，但它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次用户请求一个新的页面时，cookie都会被发送过去。HTML5的本地存储存储在用户计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度。 　　1.3 智能表单 　　将其中一个属性添加到一个标签中就会打开相应的功能。省去它（或有意地删除它）将会关闭相应的功能。与这些Boolean 属性紧密相关的是 autocomplete，在默认情形下，它处于打开状态。为了关闭它，你需要将其添加到一个标签中并且显式地为其设置值。 　　这样，程序开发者不用再花大块时间使用JavaScript或服务器端的脚本进行验证，从而提高了程序开发效率。 　　1.4 网页多媒体特性 　　HTML5不但允许在网页中直接整合视频、音频，同时更提供了一套功能丰富的API用来控制媒体播放，而这些用来控制媒体播放的元素也都是可以被编辑的。因此，HTML5在视频以及音频层面上实际