vs2010使用 HTML5 构建应用程序之你需要什么!

HTML5 和 Internet Explorer

正如我所提到的,构成 HTML5 的规范集由 W3C 管理。 W3C 由致力于帮助推动和规定 Web 未来的团体、组织和个人组成。 WC3 是以共识为基础的组织,运营方式通常是:建立委员会(也称为工作组),按相关规范划分工作领域。 规范可由任何成员发布,所有归范(包括 HTML5 之外的规范)均归 W3C 所有,需要经过从最初起草到正式推荐的五阶段流程。

Microsoft 是 W3C 成员,在许多 HTML5 标准和工作组的规范流程中起着十分积极的作用。 和所有主要浏览器供应商一样,Microsoft 也在 HTML5 上进行了大量投入,与 W3C 及其他供应商一起协作,确保开发人员能够依赖在所有主要浏览器中以互操作方式可靠实现的 HTML5 技术。

就浏览器供应商 Microsoft 而言,方法有四:

  1. 通过 Internet Explorer 9 提供网站适用的最佳 HTML5。
  2. 通过 Internet Explorer 平台预览版向开发人员公开即将发布的功能。
  3. 通过提交给 W3C 的测试在互操作性方面进行投入。
  4. 通过 HTML5 实验室提出不稳定标准的原型。

“网站适用的 HTML5”是 Microsoft 用于描述当今可使用的 HTML5 技术的术语,这些技术已经广泛支持所有主要浏览器。 诸如新 HTML 标记、画布、可缩放的向量图形、音频和视频、地理位置、Web 存储之类的技术及许多新 CSS3 模块都属于这个领域,它们在 Internet Explorer 9 中以及其他主流浏览器中实现。 我们将在本系列中花大量时间讨论这些技术以及当前如何采用这些技术。

除了目前所提供的方法之外,Microsoft 还使用了公共平台预览版通知开发人员下一版浏览器即将推出的功能,并向他们收集反馈。 对于 Internet Explorer 9,Microsoft 每六到八周就会发布一次平台预览版,每次都会宣布新的 HTML5 增强功能、特性及性能改进,供开发人员进行试用和评估。 Internet Explorer 9 是在三月发布的,截止到六月初,Microsoft 已发布了 Internet Explorer 10 的两个平台预览版,可以看出 Microsoft 一直在定期发布 Internet 预览版。 作为一名开发人员,您将需要利用最新预览版了解、测试和影响浏览器的发展。 您可以下载最新的 Internet Explorer 平台预览版,网址是 IETestDrive.com

为确保 HTML5 在所有浏览器中一致地工作,Microsoft 已在互操作性方面进行了大量投入,创建了与 HTML5 相关的唯一最大测试用例组,并将其提交给 W3C。 W3C 将这个测试用例组用作 HTML5 在每个浏览器中的“就绪度”的权威来源,这在历史上是首次。 作为开发人员,我和大家所得到的最终结果就是,可以一次性地采用并实现 HTML5 技术,并确信它们将在所有浏览器中一致地工作。 有关 Microsoft 解决互操作性问题的详细信息,请访问 bit.ly/dxB12S

尽管 Internet Explorer 9 已采用了一些 HTML5 技术,并通过 Internet Explorer 平台预览版宣布了 Internet Explorer 10 将采用其他 HTML5 技术,一些常用和值得发布的规范还需要 W3C 和浏览器供应商再做一些工作,然后才能在应用程序中实现。 其中一个例子就是 Web 套接字,这个令人振奋的规范使开发人员可以公开与后端服务器的双向通信通道,从而实现一定的“实时”连接,以前在 Web 应用程序中是无法实现这一点的。 作为一名开发人员,您一定会想马上在所构建的应用程序中大量使用 Web 套件字。 但 Web 套接字规范还在快速变化着,W3C 还在讨论这项规范的主要方面,仍未定稿。 在这种情况下,现在很难在所有浏览器中可靠一致地提供此功能。

对于像 Web 套接字(我们将在以后的文章中深入介绍)这样不稳定或不断演变的规范,Microsoft 创建了 HTML5 实验室,这是供开发人员对这些技术的初步实现进行试验的网站。 这个网站提供了可下载和本地试用的原型,还提供了某些规范的托管演示版本。 这个网站旨在为您提供一个亲自试用这些规范的地点,以便您可以在这些规范在浏览器中趋于稳定和快要实现时向 Microsoft 和 W3C 给予相关反馈。 有关 HTML5 实验室的详细信息,请访问 html5labs.com

HTML5 和 Microsoft 开发工具

除了参与 W3C 和在浏览器中支持 HTML5 技术之外,Microsoft 还从另一方面参与对开发人员十分重要的 HTML5:这就是参与 HTML5 工具。

2011 年初,Microsoft 更新了两个开发工具的 Service Pack:Visual Studio 2010 和 Expression Web 4。 这两个工具的 Service Pack 提供了用于验证的 HTML5 文档类型以及用于新 HTML5 标记和属性的 IntelliSense。 如果您使用的是 Visual Studio 2010 SP1,可以启用 HTML5 架构,方法是:单击“工具”|“选项”|“文本编辑器”|“HTML”|“验证”,然后在“目标”下拉列表中选择“HTML5”选项,如图 1 所示。 也可以在任何 HTML 文件中通过 HTML 源编辑工具栏将 HTML5 设置为默认架构,如图 2 所示。

图 1 通过“选项”对话框启用 HTML5 架构

图 2 在 HTML 源编辑工具栏上设置 HTML5 架构

在设置好默认架构后,您就会在 Visual Studio 中获得对 HTML 中的 28 个新语义标记以及标记特定的新属性和新全局属性的 IntelliSense 支持,如图 3 所示。

图 3 Visual Studio 2010 SP1 中的 HTML5 IntelliSense

2011 年 6 月,Microsoft 通过发布的 Web Standards Update for Microsoft Visual Studio 2010 SP1 进一步更新了它对 HTML5 的支持。 这一扩展适用于所有版本的 Visual Studio 2010,在 Visual Studio 中增强了 HTML5 IntelliSense 和验证,提供了用于地理位置和 DOM 存储等新浏览器功能的 JavaScript IntelliSense,还提供了综合 CSS3 IntelliSense 和验证。 可以从 bit.ly/m7OB13 下载此扩展,此扩展将定期进行更新,为 HTML5 开发提供增强工具。

对于 Expression Web 4 SP1,在“工具”|“页面选项”下设置 HTML5 架构可提供相同的 IntelliSense,这一工具还为 border-radius、box-shadow 和 transform 等多个草拟 CSS3 模块提供 CSS3 IntelliSense。

如果您使用的是 WebMatrix(请访问 web.ms/WebMatrix),您可能会发现所有新创建的 .html、.cshtml 或 .vbhtml 文档所包含的默认标记与图 4 所示的类似。 正如我将在本系列中的下一篇文章所讨论的,这就是有效的基本 HTML5 文档。 最值得注意的是,文档类型和元数据字符集标记精简多了。 使用这一简单文档类型可在现今的所有浏览器中触发 HTML5 模式,默认情况下,使用 WebMatrix 可以更方便地提供 HTML5 文档。

图 4 WebMatrix 中的默认 HTML 文档


  
  
  1.  
  2.           <!DOCTYPE html>
  3. <html lang="en">
  4.   <head>
  5.     <meta charset="utf-8" />
  6.     <title></title>
  7.   </head>
  8.   <body></body>
  9. </html>
  10.         

顺便说一下,如果对您来说这还不是足够新的 HTML5 工具(全部是自 2011 年 1 月推出的),那么最近您可以通过四月在 MIX11 发布的 ASP.NET MVC 3 Tools Update 体验使用 ASP.NET MVC 的乐趣。 除了很多其他新工具特性之外,ASP.NET MVC 3 Tools Update 还提供了对新项目使用 HTML5 文档类型的选项,并在新应用程序的 Scripts 文件夹中附带了 Modernizr 1.7。 Modernizr 是一个可显著简化 HTML5 开发的 JavaScript 库,我将在以后的文章中进行深入讨论。

这里的关键在于,即使只是刚刚用在浏览器中的 HTML5,也会迅速地增加正式工具支持,Microsoft 甚至会通过社区增加对库(例如 Modernizr)的支持。 如今,在面向 HTML5 时,可以通过 Microsoft 中的工具获得一些帮助,预计 HTML5 支持将会随着时间不断地发展和改进。

原文 路径:http://msdn.microsoft.com/zh-cn/magazine/hh335062.aspx

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值