Posted on 2012-04-15 16:37
zljpp 阅读(112)
评论(0) 编辑 收藏
导读:当微软的Opera evangelist Bruce Lawson把它发布后,“每个人都在谈论HTML 5。”因为圆角和渐变广泛的应用,HTML 5似乎成了最火的技术。然而,很多人认为HTML 5是旧版的DHTML或者AJAX,有大量的信息被混淆了,关于HTML5的传说五花八样,现在,让我们来一起分析下这些传说。
HTML 5只是一套新的网站标记编码的标准、语义和规则,它可以利用一些如离线存储、多媒体播放以及小型交互等本地浏览器的新特性。许多我们看到的HTML 5网站上新奇的东西其实并不是真正的标记,只是CSS 3和jQuery的组合,它们也随着HTML 5变得新奇有趣。
作为设计师,我们不应该对代码、语义和JavaScript大惊小怪的,反而应该发挥自己的专长,专注于印刷设计或者网页设计,不断扩展自己擅长的领域,包括这些新技术的基本原理等。这对于在这个拥挤的行业保持竞争力是很有必要的。
传说1:苹果不支持Flash导致了HTML 5的诞生
苹果似乎一直被责备,但是当HTML 5在移动方面有了惊人的解决方案时,它并没有支持iPhone。事实上,Opera和Mozilla早在2004年合并时就试图解决杂乱网页的问题,并制定了7个良好的设计原则。他们的目标很简单——向W3C提出这些原则,把建立更流畅、更快、更好的HTML标准作为发展蓝图。这原则涵盖了向后兼容性、错误处理、实用性、开放的开发以及避免设备细节的具体分析等方面。直到2006年,这个提案才被接受,然后在短短3年里,一个新的规范已经草拟完成,并准备使用。
传说2:HTML 5需要等到2022
我甚至不知道这个传说是怎么流传的,但是在2009年,工作草案结束,就意味着不会再添加什么东西或有什么明显的改动。因为Opera和Mozilla已经开始运行,两种浏览器几乎都支持所有的规范,它很有可能今年就达到W3C的候选标准。即便如此,你可以现在就可使用HTML5,并且在旧版本的浏览器中能够很好的运行,包括使用一些轻量级JavaScript脚本,利用它来绘制Canvas图形。
现在所有的浏览器都支持HTML 5。你需要注意的不是标记,而是CSS。即使是为了解决旧的浏览器问题而预制的CSS重置,在旧的浏览器中CSS 3的一些设计还是会崩溃,除非你很注意细节。
传说3:HTML 5离不开CSS 3
在创建与HTML 5相关的东西时用语义类的名称和CSS 3声明是最好的,但这不是硬性要求。HTML 5只是标记,所以它可以很好地适用CSS 2样式,但唯一要求的是在设计中所以的元素样式要保持一致。换句话说,HTML 5规范删除了控制任何元素的外观和样式的属性和标签,不再需要忍受内联样式。对于网站如何渲染,创建标记的布局时需要遵循的规则,浏览器现在占着主导位置。举个例子,为了每个HTML 5元素能被IE 8及旧版的所接受,需要“display:block”声明。简单来说,HTML 5需要样式化来变得好看,但那不一定是CSS3。
传说4:HTML 5损坏可接入性
相反地,HTML 5是围绕可接入性来创建的。在草拟规范时,极为谨慎地保证每个元素可以很好地以WIA ARIA的重要的角色运行。这些角色以专门属性的方式添加到你的标签上,可以让例如屏幕阅读器这样的可接入性设备更好地说明网站的流量和内容。如果这些角色没有被接受并正确地实现,把网站转换成HTML5是会损坏可接入性的,但这并不是标记的错。看字体的可接入性就知道。
传说5:HTML 5会杀死Flash
事实是Flash仍被世界上几百万的网站和开发商所使用。误解再次发生,源于Adobe和苹果之间高调的关系以及HTML 5音频和视频在应用程序和移动设备上的快速发展。然而,尽管HTML 5是个很棒的低容量视频播放器,全面支持HTML 5需要比支持Flash多2至3倍的代码量,现在在插件技术方面还是缺失很多重要的特性。现在,像Vimeo和Youtube这样的网站主要是因为技术的原因才使用HTML 5,并且应该不会很快地放弃Flash。开发者Viki Hoo指出了几点令人信服的原因,说明为什么Flash不会消失。【点击查看】
但是在网页设计方面,在接下来的几年里,我们可能会发现Flash会快速地转换成HTML 5。HTML 5易学易用,甚至那些没有很高的JavaScript水平的也一样。它不需要第三方插件,下载速度快,移动支持极其友好。所以,不是HTML 5杀死了Flash,是HTML 5会主导移动设计和开发市场。
传说6:如果在网站上添加HTML 5的文档声明,那就是HTML 5了
运用HTML 5,或许这是浏览器目前最关心的问题,但HTML 5不仅仅只是个文档声明。它是整套的最好的做法、语义以及如<header>,<nav>,<section>,<article>和<footer>这样布局元素的组合,可以让你的网站真正滴利用起浏览器的新功能,成为HTML 5。当然,采用新的文档声明是采用HTML 5的一个正确的方向,但更重要的是在购买自称是HTML 5构建的软件、主题或者平台之前要学会是什么真正构成了HTML 5网站。Adobe新的Muse应用是一个很好的例子。你也必须注意HTML 5中已经淘汰的元素和属性,并检查现有的标记,以确保最好的兼容性。
传说7:如果使用HTML 5,会得到更多的利益
掌握HTML 5技术可能不会让你被选为最性感的男人或女人,虽然这似乎在Bruce Lawson身上发生了。同样的,它也不会给你带来多丰厚的金钱。说到底,让你成功的是你的设计技巧和对细节的关注。话说,快速的学习并采用新的技术需要的是热情和坚持,而这也是令人钦佩的特质。如果你用你的知识帮助你的同龄人,他们或许会钦佩你,你也有可能会得到新的更好的东西。
设计师应该注意HTML 5,但掌握它应该是因为热爱技术,而不是名誉和金钱的驱使。
对于那些想学习HTML 5但又没有多少编程经验的人,应该先去看看Wix,他最近在网上发布了“第一个全功能的HTML 5网站构建者”。它基本上可以帮助你创建一个无样式、脚本和标记(除非你想要加)的自定义网站。
原文链接:justcreative.com
本文为CSDN编译整理,未经允许不得转载。如需转载请联系market@csdn.net