使用HTML5开发的十大理由

为了进一步揭开HTML5的神秘面纱,并帮助这些惹人厌烦的设计师和开发人员加入到这个潮流中,56模板网506060.com列出了我们现在都应该使用HTML5开发的十大理由。

所以你还没有使用HTML5,是吧?我想你可能有你的理由; 它还没有被完全采用,它在IE中不起作用,你不喜欢用户,你失去了联系,或者你只是热爱编写严格的XHTML代码。HTML5是网络所需要的革命,事实上,无论你喜不喜欢,它都会成为未来 - 吸引和处理。HTML5是不难理解和使用,并即使它尚未完全采纳,仍然有足够的理由开始使用它现在 - 就像您完成阅读这篇文章之后。
有很多文章鼓吹使用HTML5并赞扬它的好处,是的,这是另一个。随着所有这些文章的推出,苹果公司都在推出新的开发产品,而且还有许多网站专门为此开发了一些设计师和开发人员,他们并没有或者不会采用的原因。我认为主要的问题是,它似乎仍然是许多人的神秘生物。对许多人来说,它更像是喷气式飞机或飞行器 - 这是一个很好玩的想法,但在使用上还是不实用。错了,现实是现在非常实际!这并不是最新的奔驰概念车被牵引到车展,车展,这是一个现实,它不会去任何地方。
为了进一步揭开HTML5的神秘面纱,并帮助这些惹人厌烦的设计师和开发人员加入到这个潮流中,我已经列出了我们现在都应该使用HTML5的十大理由。对于那些目前使用HTML5的人来说,这个列表可能并不是什么新东西,也没有什么突破,但是希望这会激励你与社区中的其他人分享html5模板的好处。
10 - 可访问性

HTML5使创建可访问的站点更容易,主要有两个原因:语义和ARIA。新的(一些当前可用的)HTML标题(如,,,,等)允许屏幕阅读器轻松访问内容。之前,屏幕阅读器无法确定给定的,即使您为其分配了ID或Class。使用新的语义标签,屏幕阅读器可以更好地检查HTML文档,为使用者创造更好的体验。ARIA是一个W3C规范,主要用于为HTML文档中的元素分配特定的“角色” - 本质上通过角色属性在页面上创建重要的地标:页眉,页脚,导航或文章。这个问题已经被很好的忽略了,而且主要是因为它没有用,HTML5会验证这些属性。而且,HTML5的内置角色不会被过度占用,从而使得分配角色变得毫无意义。有关HTML5和ARIA的更深入讨论,请访问WAI。
9 - 视频和音频支持
忘记Flash Player和其他第三方媒体播放器,使用新的HTML5 和标签,使您的视频和音频真正可访问。让媒体正常播放一直是一个噩梦,你不得不使用和标签,并分配一个巨大的参数列表来获取正确的东西。您的媒体标签只是变成这些令人讨厌的,巨大的混乱的代码段。HTML5的视频和音频标签基本上将它们视为图像; 。但是所有这些参数如高度,宽度和自动播放呢?不用担心我的好人,只需在标签中定义这些属性就像其他任何HTML元素一样:
00:00
实际上,这样做很简单,但是因为老邪恶的浏览器不喜欢我们的HTML5朋友,所以你需要添加一些更多的代码来让它们正常工作......但是这个代码并没有那么粗糙和混乱和标签:
embed > video >
一些资源值得检查:
HTML5音频和视频:你必须知道的
音频和视频处理
HTML5
如何在HTML5视频上制作自己的视频播放器
在现代浏览器中使用HTML5视频和音频
Browserscene:使用WebGL和HTML5音频创建3D声音可视化器
8 - Doctype

就是这样,那就是文档类型,没有什么比这更重要的了。很简单的权利?没有更多的切割和粘贴一些长的不可读的代码行,没有更多的肮脏的头标签充满文档类型属性。你可以简单,轻松地输入并快乐。但是,真正伟大的事情,除了简单之外,它可以在每个浏览器中清除可怕的IE6。
7 - 清洁代码
如果您对简单,优雅,易于阅读的代码充满激情,那么HTML5就是您的宠儿。HTML5允许您编写清晰的描述性代码,语义代码,使您可以轻松地将意义与风格和内容分开。考虑这个典型和简单的导航代码:
Header Text
LinkLinkLink
/div>所以这个代码是相当干净和简单的?但是使用HTML5,你可以更清理这些,同时给你的标记更多的含义:
Header Text
LinkLinkLink
使用HTML5,您可以通过使用语义和HTML标题来描述您的内容,从而最终治愈您的“divitis”和“classitis”。以前,您通常只需要为每个内容块使用div,而不是在其上放置一个id或class来描述其内容,但使用新的,,,,和标记,HTML5允许您编写标记清理程序以及让您的CSS更好地组织和快乐。
一些资源值得检查:
HTML5 Boilerplate
6 - 更智能的存储

HTML5最酷的事情之一是新的本地存储功能。这是常规旧cookies和客户端数据库之间的一点点交叉。它比cookies更好,因为它允许跨多个窗口进行存储,它具有更好的安全性和性能,并且即使在浏览器关闭之后,数据仍将保留。因为它本质上是一个客户端数据库,所以您不必担心用户删除cookies,并被所有流行的浏览器所采用。
本地存储对于很多事情来说都很棒,但是它是HTML5工具之一,它可以在没有第三方插件的情况下使网络应用成为可能。能够将数据存储在用户的浏览器中,使您可以轻松创建这些应用程序功能,如:存储用户信息,缓存数据的能力以及加载用户以前的应用程序状态的能力。如果您有兴趣开始使用本地存储,请查看Christian Heilmann去年发布的伟大的24 Ways文章 - 使用HTML5本地存储包装好东西。
还有一些值得检查的资源:
以简单的HTML5方式存储数据(以及一些你可能不知道的技巧)
快速提示:了解HTML5本地存储
HTML5本地存储
5有关HTML5 LocalStorage的隐晦信息
5 - 更好的相互作用
敬畏,我们都希望更好的互动,我们都想要一个更具动感的网站,回应用户,并允许用户享受/互动您的内容,而不是只看它。输入,这是绘制HTML5标记,它允许您执行大多数(如果不是更多)互动和动画的可能性,而不是像Flash之类的以前的富互联网应用程序平台。
除了以外,HTML5还附带了许多优秀的API,可以让您创建更好的用户体验和更强大,更动态的Web应用程序 - 以下是本机API的快速列表:
拖放(DnD)
脱机存储数据库
浏览器历史管理
文件编辑
定时媒体播放
有关这些API的更多信息以及HTML5的更多原生交互功能,请访问HTML5Doctor。
一些资源值得检查:
哈基姆的实验
里卡多的作品
HTML5画布和音频实验
球池
HTML5视频销毁
社会天气地图
4 - 游戏开发
是的,这是正确的,你可以使用HTML5的标签开发游戏。HTML5为开发有趣的交互式游戏提供了一种优秀的,移动友好的方式。如果您以前制作过Flash游戏,那么您一定会喜欢构建html5游戏
Script-Tutorials最近提供了一个关于html5游戏开发的四个系列的课程,并且检查一下他们创建的一些病态的东西:
html5游戏开发第一课
html5游戏开发第二课
html5游戏开发第三课
html5游戏开发第四课
还有一些值得检查的资源:
如何使用Impact html5游戏引擎构建小行星
使用Node.js开发多人游戏html5游戏
如何用HTML5 SVG和Canvas编写BrikBloc游戏
如何制作一个简单的HTML5 Canvas游戏
html5游戏
LimeJS,一个html5游戏框架
3 - 传统/跨浏览器支持

你现代流行的浏览器都支持HTML5(Chrome浏览器,Firefox,Safari IE9和Opera),并且HTML5文档类型已经创建,所以所有的浏览器,甚至是真正老的和惹人讨厌的IE6都可以使用它。但是,只是因为旧的浏览器识别的文档类型,并不意味着他们可以使用所有新的HTML5标签和好东西。幸运的是,HTML5的构建使事情变得更简单,并且更加跨浏览器友好,所以在那些不喜欢新标签的旧IE浏览器中,我们只需简单地添加一个Javascript shiv,就可以使用新的元素:
scriptt;
一些资源值得检查:
HTML5和CSS3 READINESS
我什么时候可以使用
HTML5跨浏览器填充
Modernizr的
手机
称它为预感,但我认为移动技术正变得越来越受欢迎。我知道,这是一个非常疯狂的假设,有些人可能正在考虑 - 手机只是一种时尚...对。移动设备正在接管世界。移动设备的采用量继续快速增长,这意味着越来越多的用户将使用他们的移动浏览器来查看您的网站或应用程序。HTML5是用于开发移动网站和应用程序的移动最便捷的工具。随着Adobe宣布移动Flash的死亡,您现在将依靠HTML5来做您的移动Web应用程序开发。
移动浏览器已经完全采用了HTML5,所以创建移动就绪项目就像为他们的小型触摸屏显示器设计和构建一样简单 - 因此响应式设计的流行。有一些伟大的元标签,也可以让你优化移动:
视口:允许您定义视口宽度和缩放设置
全屏浏览:允许Apple设备以全屏模式显示的IOS特定值
主屏幕图标:与桌面上的图标一样,这些图标用于添加收藏夹到IOS和Android移动设备的主屏幕
有关如何通过HTML5动员您的网站的更多信息,请查看“Mobifying”您的HTML5网站。
一些资源值得检查:
移动HTML5
移动锅炉板
HTML5移动Web应用程序
这是未来,得到它!
您今天应该开始使用HTML5的头号原因是:这是未来,现在开始使用它,所以您不会落后。随着越来越多的元素被采纳,越来越多的公司将开始在HTML5中开发HTML5。HTML5本质上就是HTML,它不是什么可怕的东西,它不是你真正需要弄清楚或重新学习的东西 - 如果你现在正在开发严格的XHTML,那么你现在已经开发了HTML5,为什么不充分利用它的当前能力呢?
你真的没有任何借口不采用HTML5,并开始你的新恋情。实际上,我更喜欢使用HTML5的唯一真正原因是编写更干净的代码,所有其他的好处和有趣的功能,我甚至没有真正跳过,但这是伟大的事情,你可以开始使用它现在甚至不改变你设计的方式。所以,现在开始使用它,不管你是简化和使你的标记更加语义,或者你将要建立一个将接管世界的病态的新的手机游戏 - 谁知道,也许你可以开始销售游戏的动物版本字符也。