名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
教程细节
项目：网页hTML
难度：中级
预计完成时间：1 小时
如 果您想要创见网页应用程序，您可能会想到使用 网页hTML5教程。网页hTML5教程 是应用程序开发建设的新宠，它有可能改变软件开发建设与销售的形式。它也可以让那上百万会做网页的人参与到应用程序开发建设中，这些人从没想过他们的技术可以应用在其 他方面。不过在开始开发建设之前，关于 网页hTML5教程 的一些东西是您必需了解的。在这个教程中，我将教您一些基础！
何为 网页hTML5教程？
网页hTML5教程 是正在制定的 W3C 规范。
它从 WhATWG 开始起步，将成为 网页hTML 未来的黄金准则。如果您最近关心过这方面，您很可能知道 X网页hTML 2 本该是下一个重要版本，但它却半途而废了。其中原因很多，而争论的一个主要原因在于没多少网站的语法是完美的，而 X网页hTML 2 想要强制语法的完美。而完美语法的确切定义也向来是个难题。当浏览器厂商意识到想要过渡到 X网页hTML 2 有多困难时，事情就不了了之了。
这时有一群人弃 W3C 而开始开发建设 WhATWG。这些人不仅想重构 网页hTML，还想重构整个标准制作流程。他们开始着手制作新的 网页hTML5教程 标准。他们开发建设的原则是没有完美，而且他们并不需要告诉这个世界如何应用 网页hTML 技术。他们转而专注于 网页hTML 世界的实际情况。1
他们还花时间整理了在社区中涌现的一些想法。这就是 网页hTML5教程 规范中许多新网页元素（例如进度条、视频，和音频网页文章标签）的来源。这些人创造出应该创造的规范，他们只想制定特定的标记，能够帮助人们完成现在已经在做的事情。
除了标记，WhATWG 还开始创见一些新的 JavaScript API。这是 网页hTML5教程 变得像“应用程序”的地方。他们创见了离线数据储存标准，以及一个离线应用程序缓存，这样一来整个应用程序就可以离线保存了。他们还组织了新的工作团队处理小工具和设备访问（为了使用类似照相机和重力感应之类的设备）的方面。
整个标准进程有个小逸闻：有段时间里不同的渲染引擎之间的区别太大了，以至于若想要兼容不同浏览器就得先嗅探出用户使用的是哪一种浏览器，然后根据浏览器类型给出不同的体验。
WhATWG 以及其他项目始终认为嗅探浏览器并非一个好主意。现在普遍推荐的方式是渐进式增强。一言以蔽之，渐进式增强即：不要只是定下来某个浏览器会得到体验 Y，另一个会得到体验 Z，为什么不检测高级功能支持，然后建立华丽体验呢？如果浏览器由于什么原因不支持高级功能 X，那么用户就只能获得默认的体验。
最高版本的规范
这是 网页hTML5教程 规范的另一特点：它很可能成为版本最高的规范。将来，W3C 不会提高 网页hTML 版本，例如 网页hTML6，而只会维护最新版本的 网页hTML，并且将会有一个黄金标准规范。网页开发建设人员可以利用渐进式增强来应付浏览器能力的差异，并等待浏览器厂商逐渐达到规范。
那么 网页hTML5教程 应用程序是什么呢？
咱们定义了 网页hTML5教程，那么 网页hTML5教程 应用程序又是什么呢？
本质上讲，网页hTML5教程 应用程序使用 网页hTML5教程 草案中所有华丽的新功能，创造类似应用程序的体验。
这意味着离线储存数据、数据库函数化，以及像真正的应用程序一样运行，而非仅仅是供浏览的内容。您很可能现在就在用网页应用程序了，例如 Gmail。Gmail 实际上有个 网页hTML5教程 版本，如果您在 iPhone 或者 iPad 上访问 Gmail，您就可以试试它。
我为什么要使用 网页hTML5教程？
为什么我要使用 网页hTML5教程，而不是对象化的 C 语言、Flash、Silverlight，或者一些其他类型的特定设备环境呢？首先，我要说明一些不使用 网页hTML5教程 的原因。
如果我要制作最新最好的三维射击游戏，我不会选择 网页hTML5教程。它根本没有制作这类节奏紧张的游戏的丰富的图形库，不过它们也是依赖标准才能让三维图形程序走入浏览器的。
如果您想要是用设备上的照相机，或者本地相关站点文件系统，网页hTML5教程 也不是最好的选择。有使用原生封包的解决方案，这我后面还会简单说明，还有一些有所帮助的标准。
虽然有些特定情况不适合使用 网页hTML5教程，但许多如今为 iOS 和 Android 生产的应用程序都可以简单地通过 网页hTML5教程 实现。不仅仅是技术上能够实现，使用 网页hTML5教程 还有其他好处。
您已经知道如何使用它了
目前，如果您是个网页开发建设人员，您已经拥有了所有进入这一领域的工具了。网页hTML5教程 应用程序开发建设只不过是改变了您看待网页的方式罢了。在某些例子中您只要在 网页hTML 中添加几行，然后在服务器上添加些东西，您就拥有了完整的有效的离线 网页hTML5教程 应用程序了。
咱们越遵循标准，标准就越有用。
除 此之外，网页开发建设人员也已经深谙跨浏览器的问题。虽然跨浏览器的问题越来越多，但网页开发建设人员相比其他类型的开发建设人员而言有个明显优势，因为他们早已知己 知彼。跨浏览器开发建设的另一部分在于标准。咱们越遵循标准，标准就越有用。网页开发建设人员已经在某些方面吃足苦头，现在它开始回报了。您不需要学习一整套其他 的非标准兼容性组件，而只要简单地依赖于标准体系所制定的实用具体的方法。
最后，当说到写具体代码的时候，您很难察觉到自己也许带有派别性。
当您观察一家手持设备生产商如何管理自身，以及它如何靠着决定在系统之外工作而选择留住其开发建设人员，您就正在支持自由的概念。
这是个小概念，但它很有意义，因为从长远来看咱们希望咱们的手持设备开发建设人员能够变得开放，让咱们尽可能地破戒它们。
我该如何使用 网页hTML5教程？
实际上使用 网页hTML5教程 并不困难。它可能只是写几行具体代码，也可能是写出一整个新的应用程序。下面是您开始的一些实用具体的方法。
1. 创见一个适合移动设备的网站
许多网站只要作些改动就可以让移动设备体验更友好。首先应该检查一下 viewport。
viewport 元网页文章标签并不是标准，不过它是个广泛认可的惯例。许多移动浏览器使用该网页文章标签来设置网页渲染的某些方面。
要想了解更多 viewport 信息，请查阅以下文档：
苹果文档（Apple Docs）
Opera
Fennec：Firefox 移动版
除了仅仅 viewport 以外，还应该确保您的网页的灵活性：例如，使用动态宽度而非静态宽度。移动设备形状大小各异，浏览器窗口也是一样。在脑子里记着灵活性的概念进行设计将自动让您的网页更加适合移动设备。
Doctype
下一版本的 网页hTML5教程 的一个非常棒，非常有意思的地方在于：doctype 跟渡渡鸟一样说拜拜了。由于许多原因，它依然必须待在那儿，但它的意义缩水了，几乎毫无意义。
这太棒了。咱们再也不需要复制粘贴一大串文字了，因为无论如何，有哪个家伙能把那玩意儿全背出来？
2. 让您的网站离线工作
一些浏览器现在具有应用程序缓存。应用程序缓存允许您预先告诉浏览器，网页上的哪些资源需要离线使用。接着浏览器就会下载这些相关站点文件供离线之用。当客户端离线工作，浏览器就会使用那些缓存的资源。
不过应用程序缓存可不是您只要修改网页文章标签就可以搞定的。您将需要能够修改服务器上的 content-type 头相关站点文件。在 Apache 中，您要么将这些放在设置相关站点文件中，要么放在一个 .htaccess 相关站点文件中。
AddType text/cache-manifest manifest
这样做了以后，您就可以在网页的 html 网页元素中添加如下网页文章标签。您可以给您的 manifest 取任何名字，不过请确保它在您的网站的根目录下，而且相关站点文件名以 .manifest 结尾。
然后，您可以创见您的 manifest 相关站点文件了。简单地列出所有您想要在离线时使用的东西就行了。您不能在这里存放跨域名的相关站点文件，而且您不应该存放任何经常改变的东西。下面是个 manifest 相关站点文件示例。
CAChE MANIFEST
# Version 1
my.html
my.css
my.js
my.png
当您将这些设置妥当时，就在支持应用程序缓存的浏览器里测试一下吧。
如果您想要更新某个资源，只要修改 manifest 相关站点文件即可。即使只是添加一条注释都会提醒浏览器更新应用程序缓存。
众所周知应用程序缓存很难调试。这里有本书提供了一些检查您的应用程序缓存状态的好实用具体的方法。
3. 让您的视频在任何地方都可用
如果您在网站上放有视频内容，而且通过 flash 播放器播放，那么您可就错过了将视频展现给使用 iOS 设备和不支持 flash 的手机（大部分手机）的人们的机会了。
网页hTML5教程 有两个新的网页文章标签可以让显示多媒体更加方便：audio 和 video。下面是 video 网页文章标签的示例。
现在，如果您想要尽可能支持更多的浏览器，您就需要将您的内容以多种不同格式编码。然后，如下列出。
这将保证您的内容可在 Firefox、Safari、Chrome，以及移动电话上播放。最后，对于那些不支持 video 网页文章标签的浏览器，您仍然可以回头选择 flash 播放器。当浏览器不支持某个网页文章标签时，它通常就不会处理该网页文章标签，然后继续检索直到找到一个它认识的网页文章标签。在这种情况下，如果您将一个 embed 或者 object 放在 video 网页文章标签中，那么类似 IE 的浏览器就会使用 object。但是，支持 video 网页文章标签的浏览器就会忽略嵌入的 flash。
总结：现在就开始使用 网页hTML5教程 网页文章标签
类似 header、footer、nav、aside、article，以及 section 的网页文章标签由于是语义网页文章标签所依很好用。他们部分告知了网页访问者您放置内容的意图。使用它们是很好的。在将来，他们的帮助将会比现在还要大，不过没有任何理由阻止您现在就开始使用它们。
如果您使用这些新网页文章标签，有些类似 IE 的浏览器会“出乱子”，不过别担心。IE 支持在 DOM 中添加网页文章标签类型，而您只需要告诉 IE 这一情况。为了解决这个问题，Remy Sharp 创造了 网页hTML5教程 Shiv。如果您将其以 IE 选择性注释包含在网页的头部，您的页面就能正常渲染了。
现在您就用上了好用的语义 网页hTML 了！
附加信息：在应用商店里销售您的应用程序
没错，就是现在，您可以将您的 网页hTML5教程 应用程序拿到移动应用程序商店里销售。下面两个项目可以帮助人们仅使用 网页hTML、JavaScript，和 CSS 开发建设“原生”移动应用程序。看看吧：
PhoneGap
Titanium
另外，咱们自己的 CodeCanyon 在几个月内将会发布 网页hTML5教程 应用程序的新分类。在这个分类中，咱们将销售从高级自定义的视频播放器，到库，再到演示应用程序的所有东西。
为了给这个分类做准备，咱们已经发起了奖金 7000 美元的竞赛。要是感兴趣的话，您还有两周时间参加！
一句话
没有任何理由阻止您探索 网页hTML5教程，如果您想要在这场游戏中一马当先，您就应该现在就开始建立 网页hTML5教程 应用程序。感谢您的阅读！
关于作者
Alex Kessinger是一位前端网页开发建设人员，目前为雅虎！（Yahoo!）效力
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,网页网页hTML 5 正在改变 Web
