对HTML5刮目相看的8个理由

<![CDATA[

    2012年6月15日。现在有8个理由来做好HTML5(超文本标记语言),从更好的视频到更干净的代码来改进用户交互体验,完全可以把HTML5作为当前Web的开发项目之一。1

      理查德·海因

      作为首席信息官和IT经理,我们总是应对技术发展中出现的问题。企业在不断的变化,我们的员工肯定也要不断地流动。为什么要逆流而上呢?

      幸运的是,HTML5对回答这些问题做好了准备。虽然跨平台的标记语言直到2014年不会最终通过W3C,然而现在有明显的迹象表明它已得到广泛的应用。

      第五个修订版本的HTML标准已经变得比其最新增强功能的总和还多。大多数人提到HTML5时,实际上是一组technologies-HTML、CSS和JavaScript。

      使Web应用程序表现得像客户端应用程序

      HTML标准一直用于构建和部署Web内容。现在看来,这种技术标准也被用于构建和部署应用程序。最新的版本代表了一个向客户端Web开发的转变。这一转变将有利于你的四个理由:

      它提供了一个开放式架构的构建基础,因为HTML、CSS和JavaScript都是免费的。

      因为HTML5在各种各样的设备上运行的很好,它提供了跨平台的编程功能对我们所有人来说都是强大的,超出了BYOD(自备设备)请求。

      此外,HTML5是为使用电池的平板电脑和智能手机而设计的。

      最后,HTML5提供比以前的版本更简明、更容易阅读的代码。

      你的移动办公职员和客户想做的一切事情,都可在他们的桌面个人电脑、智能手机和平板电脑上进行,只要有HTML5就行了,它的优势已开始显现。因此,当你建立你的网站和Web应用程序时,你应该记住HTML5的8个小窍门。

      1、视频和音频集成

      Flash漏洞百出,需要插件,有频繁的更新并在移动设备上大量消耗电力。史蒂夫·乔布斯让我们知道了它,Adobe敲响了警钟。Flash正在离开移动设备,取而代之的是没有更多嵌入或对象标记的东西。

      让我们转入视频和音频标记的新时代,这是一种轻松使用熟悉的图像标记的设计。如果你知道如何创建HTML代码和熟悉JavaScript,那么你应该都设置为使用这些HTML5的媒体元素:

      视频:用来渲染视频内容。

      音频:用于定义声音内容。

      嵌入:用于插入或嵌入某种类型的多媒体内容。

      轨道:视频和音频标签定义的文本轨道。

      画布:允许动态的游戏、图形和其他视觉图像的渲染。

      这个技术允许开发者展示自己的HTML、CSS和JavaScript技能,而不是使用Flash或Silverlight。视频和音频标记也表现得更好,带来顺畅的回放和更省的电力消耗,更不用说跨所有平台的回放功能。最后,内置支持的标题和副标题,把视频和音频元素添加到一个网站,比以往任何时候来的更容易。

      2、语义

      许多Web表达元素已经不符合层叠样式表,早已被淘汰。虽然HTML5仍将呈现这些东西,但你真的应该在多年前就放弃它们。如果框架元素已经没有了HTML5规范,那么,我们留下什么来取代它们?

      进入HTML5语义,经过精心设计,扩展了HTML当前的功能,同时还支持使用传统浏览器的用户访问你的内容。这些不应该被认为是你可用可不用的简单的功能,而是你构建Web应用程序和页面的基础。这些语义元素增强用户体验并涉及几个领域,包括搜索、可访问性、互操作性和国际化。

      它并不需要一个天才出来弄清楚如何做或为什么做,因为这些都是很重要的变化。一个正确的编码页面应该有页面标题,并在它的题记上发布信息,文章正文在标题下面。象社交网站按钮这样的东西或后续内容出现在页脚。换句话说,没有更多的搜索算法,也不用臆断那里有什么类型的内容。其结果仅仅是一个更好的用户体验。

      3、无障碍网页倡议 – 访问丰富的互联网应用程序(WAI-ARIA)

      目前,你的网站的某些部分仍然不能为残疾人所用,包括盲人和那些无法使用鼠标的人。HTML5解决了这个问题,它通过定义功能,使用当前的辅助技术就可以进行。

      W3C的wai – aria提供了一个框架,用于把属性标识符或任务添加到你的HTML代码的不同元素里。其中一些任务将是内置的,Web作者将无法覆盖它们。这些识别标记在页面上常见的地区 – 如标题、页眉、页脚和导航 – 提供一个更有效的方式把您的信息提交给更广泛的受众,比以前的标记强得多。

      让我们来仔细看看这项技术规格列表:

      部件的任务类型,包括项目树、菜单滑块和进程管理。

      属性规定一个部件的状态。

      属性规定Web页面较活跃的区域。

      拖放功能特性,并且描述目标。

      更好的键盘导航

      同时,其他的HTML5页面结构元素还包括以下内容:

      章节:用于文章或主题不同或区分一篇文章的不同部分。

      文章:规定一篇文章的主体。

      此外:规定内容是相关的,但不是主要的文章流。

      时间:允许用户在人与可读格式的机器间规定时间值。

      菜单:通常用于创建快捷菜单,代表了一个命令列表。

      文档某一部分信息:在一个位置封装多个标题。

      图形:创建一个图形作为一个单一的项目。通常,会是一个图像或图像组。

      图表题:按住一个数字的标题。

      引用:代表一段内容的标题,无论是一本书,还是一篇文章或随笔。

      进展:表示一个特定的任务产生多大的进展。

      细节:创建折叠—产生点击后被激活的效果。

      4、WebSockets(双向信息传输)

<

p >      还记得Ajax和Web2.0都十分流行的时候吗?嗯,现在WebSockets来了。这包括允许开发者在没有多个Ajax请]
]>