新一代网络技术标准HTML5的研究

科技信息

计算机与网络

新一代网络技术标准HTML5的研究

长沙环境保护职业技术学院

湖南大学

龙奇

［摘要］HTML5是近十年来Web标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及同电脑的交互都被标准化。尽管HTML5的实现还有很长的路要走，但HTML5正在改变Web。［关键词］HTML5RIA标准

HTML4来到我们身边已经差不多有10年了,开发者们不断地寻求

可提供更强大的功能的新技术，但是常会因为标记语言和浏览器的约束而路途坎坷。为了给人们提供更灵活，更具互操作性，能有更多交互

HTML5引入并加强了一系列功能，性并令人振奋的网站和应用程序，

包括表单控制、应用程序接口(APIs)、多媒体、结构化和语义化等。

HTML5草案的前身名为WebApplications1.0，2004年被WHATWG（WebHypertextApplicationTechnologyWorkingGroup）提出，2007年被

[1]

W3C接纳，并成立了新的HTML工作团队。2010年9月正式向公众推荐第一份正式草案。HTML5是近十年来Web标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及同电脑的交互都被标准化。尽管HTML5的实现还有很长的路要走，但HTML5正在改变Web。

1、什么是HTML5

XHTML1.0和HTML5是下一代的HTML，其将取代HTML4.01、

XHTML1.1。HTML5为现代web应用提供了所需的新功能。它同时也对许多被web开发者使用多年的web平台特性进行了标准化，但它从没有被标准化委员会审核或是记录下来。

HTML5是设计为跨平台的。你不需要运行Windows、MacOSX、Linux或是任何特殊的操作系统来使用HTML5。你只需要一个现代的Web浏览器。对于所有主要的操作系统，很多现代Web浏览器是可以免费使用。你可能已经有了一个支持HTML5特性的Web浏览器。

最新版的苹果Safari、谷歌Chrome、MozillaFirefox和Opera浏览器都支持HTML5特性。预装在iPhone、iPad和Andriod手机上的移动浏览器对HTML5都有很好的支持。甚至微软最新发布的IE9也支持一些HTML5的功能。

2、HTML5的主要特性（1）新的语义元素

有的是传统通用元素的语义化版本，如取代p元素的nav，footer等元素。也有一些全新的元素，如audio，video。一些在HTML4中不被推荐使用的元素，如font和center也将被弃用。HTML5引入的新HTML元

[2]

素包括：

◆article：文章◆aside：侧边栏内容◆audio：音频◆canvas：2D绘图◆command：命令按钮◆datalist：下拉选择框◆details：对象的细节◆dialog：对话框◆embed：外部插件或对象◆figure：一组媒体对象以及标签文字◆footer：页脚◆header：页首◆hgroup：文档某一部分的信息◆keygen：表单生成的Key◆mark：标注的文字◆meter：预先定义的范围内的度量◆nav：导航条◆output：输出◆progress：进度条◆rp：标识rubby内容◆rt：rubby内容的解释◆ruby：rubby内容◆section：定义一个部分

◆source：媒体的资源

◆time：日期时间◆video：视频

且更容易被搜索引擎这些新标签，可以让HTML文档更容易加载，

抓取其中的有用信息。比如，搜索引擎可以直接抓取它最关心的article标签里面的内容。

（2）Canvas

画布(Canvas)标签让交互式Web图形向前迈进了一步，该标签可用来把浏览器窗口的某些区域定义为动态位图。Web开发人员可使用JavaScript来处理画布中的内容，针对用户操作实时渲染图形[3]。从理论

就能开上来说，这项技术有望让开发人员只要使用JavaScript和HTML，

发出完全交互的游戏。HTML5定义了一个函数集（即canvasAPI），其可以完成绘制形状、定义路径、创造坡度、申请转化等功能。

（3）视频

HTML5定义了一个叫做<video>的新元素，它可以在网页中直接嵌入视频。以前若没有第三方插件，比如苹果的QuickTime或是Adobe的Flash，是不可能在网页中嵌入视频的。

（4）地理定位

地理定位能够指出你在世界的哪个位置,并且你可与你信任的人一起分享信息。有许多方法知道你在什么地方———你的IP地址、你的无线网络连接、与你的电话正在通信的电话基站或是接收来自天上卫星的经纬度信息的专用GPS硬件。

（5）本地存储

HTML5本地存储为网站提供了一种将信息存储在你的电脑当中

但它是并检索它们的方法。HTML5本地存储的概念与Cookies相类似，

为大批量信息而设计的。Cookies的容量是有限的，每次请求一个新页面，你的浏览器都会将这些信息发送回Web服务器。HTML5本地存储则是存放在你的计算机当中，在页面加载后Web站点可以使用JavaScript访问它。

（6）Web工作者和JavaScript

Web工作者为浏览器提供一种标准的方式来运行JavaScript。使用Web工作者，你或多或少可以生成多个同时运行的线程。当主要的网页在响应用户的滚动、点击或打字时，这些背景线程可以做复杂的数学计生成网络请求或者访问本地存储。算、（7）离线的Web应用

离线Web应用程序是以在线Web应用程序开始的，能在网络访问

Web断开后继续运行工作。当您第一次访问一个离线的Web站点时，

服务器会告诉你的浏览器它需要哪些文件以便可以离线工作。这些文件可以是任何东西———HTML、JavaScript、图片甚至视频。一旦你的浏览器下载了所有必需的文件,即使你没有连接上因特网你也可以重新访问Web站点。你的浏览器将会提示你处于离线状态，使用的是已下载的文件。一旦你重回在线状态，你做的任何改变都能上传到远程Web服务器。

（8）改进HTMLWeb表单

HTML5定义了超过12个的输入类型，且都可以在表单中使用[4]。1.<inputtype="search">forsearchboxes2.<inputtype="number">forspinboxes3.<inputtype="range">forsliders

4.<inputtype="color">forcolorpickers5.<inputtype="tel">fortelephonenumbers6.<inputtype="url">forwebaddresses7.<inputtype="email">foremailaddresses8.<inputtype="date">forcalendardatepickers9.<inputtype="month">formonths10.<inputtype="week">forweeks）（下转第247页

科技信息

(16)

Otherjingtietotal

其余津贴统计单项奖统计公积金养老金医疗基金社保小计税前工资工资税实发工资月度综合奖

decimal

20

计算机与网络

Y

津贴增加单项奖

能适应与世界接轨的要求。本文提出的人事工资管理系统可以有效地对各类单位的工资进行管理，实现了工资管理的系统化、科学化和规范化，是一种有效的人事工资管理手段。

表

3单项奖表字段序号）（1（2）

社保基金

(17)(18)(19)(20)(21)(22)(23)(24)(25)

SingelmoneytotalProvidentPensionMedicalSocialtotalBeforetaxesSalarytaxActualpayMonthmoneytotal

decimaldecimaldecimaldecimaldecimaldecimaldecimaldecimaldecimal

202020202020202020

YYYYYYYYY

字段名称EmpIDEmpNamePaytime

字段说明工号姓名

字 …… 此处隐藏：4181字，全部文档内容请下载后查看。喜欢就下载吧 ……