围绕在HTML5周围关于Flash的误解

50个黄色网站。在近十年的web设计经历中,我遇到许多关乎新设计工具和设计技术的误解,但这些误解都无法与围绕着HTML5的使用有关的误解相“媲美”。做为开发者,我们对某项技术会抱有专属的错误观念,不过当我们开始使用这项技术,我们便能理解它的内容、用法和使用范围。

受在使用HTML5过程中,发现某些HTML5要求的启发,希望我的一点拙见能纠正HTML5相关内容的误解。多数有关HTML5的误解皆因人们把它当做Flash的替代品。

文章开头,我会解释清楚,这并非一篇HTML5 vs Flash的文章。事实上,二者都无法取代对方,这也就不存在“你死我活”的情况。尽管如此,其中仍有误解的要点,其核心出自人们相信HTML5是Flash的一个有力替代。一切误解都归根于此。

HTML5技术总览

WWW语言的第五次修订版已可同时写入HTML和XML语法,同时藉助与详细过程模型的特殊结合,促进互操作性的实现,提高了HTML文章和Web应用的可标记性。这一版本的核心目的旨在解决web行业中跨平台带来的依赖性。

如果这些对你而言太过高深,那我们来分析下HTML5是如何成为一门易懂的言语,这其中没有太多复杂的技术:

HTML5是符合XML标准的最新标记语言。

●HTML5背后隐藏的想法是确保所有操作系统(包括iDs、安卓、Windows等)上Web产品的外观和输出保持一致。

大多数HTML相关的普遍误解与设计相关。所以,让我们来看看HTML5提供的设计观点:

●支持嵌入式的音、视频令多媒体直接嵌入HTML文件,这使外部插件变得多余。

●HTML5支持动画中的SVG和画布元素。

●为设计者提供便于在“即视模式”中表现2D图形的画布元素。这意味着图形对象可被直接交付,用于显示。

●在创建互操作应用程序上进行了开发,这些互操作应用程序注意内容,同时满足用户友好和SEO友好。

人们为何认为HTML5是Flash的替代物?

Flash是一款多媒体制作软件,它可传达互动操作和美丽动人的网站内容,这些将为用户产生丰富的体验。Flash在桌面和便携式设备浏览器上的占有率高达99%,它是广为流行的平台,此外它对所有浏览器提供统一的技术和视觉上的外观集。不过Flash有个显著缺点x,即它无法在诸如ios等移动平台中得到有效支持。

为此,有了HTML5。

现在近距离观察下这一情况。表面上看,HTML5似乎就是Flash的替代品,从HTML5为ios开发高效互动应用程序时起就得到定论。

用户要求开发者们用HTML5完全复制一个Flash应用,以移植到流行的移动设备或平板电脑上的情况变得非常普遍。问题在于,开发平台和其功能不应只发挥其表面价值。不错,HTML5的其中一项主要优势在于:它令开发移动OS上的应用变得更简单,而不是为每个移动OS编写一个新程序。

广为流传的关于HTML5的误解

我为大家罗列一系列场景,这些场景描绘了人们对HTML5的误解。

场景1:将基于Flash的设计工具转换为HTML5

 

误解:HTML5不能像Flash般进行图片遮罩;它的图片遮罩既不符合标准也无法做到圆滑。更重要的是,Flash在处理诸如计算区域或半径等特殊功能方面更快速;Flash是更好的选择。相比HTML5,像拖拽、测量和缩放功能,Flash都更胜一筹。

场景2:将基于Flash的音频库转换为基于HTML5的平板电脑兼容的库

误解:HTML5提供对音、视频的支持是有限的。这个基于Flash的网站有近800首mp3文件,这导致应用非常大。事实上,问题出在Mozlla支持.ogg格式,而chrome/safari支持.mp3格式,因而,假如选则(择)IE8做浏览器,Flash音频播放器就不可获缺。HTML5有限的扩展意味着唯一的解决办法是将所有音频转为两种格式——mp3和ogg/wave。将800个文件转为两种格式不仅非常花费时间,同时也增加了服务器的存储负担。

场景3:将基于Flash的网站转为基于HTML5的网站

 

误解:有个误解是:HTML5可处理所有类型的动画,甚至包括那些大尺寸的动画。

事实上,到目前为止是无法实现的。HTML5在同时提供3D特效和多动画处理上是非常有限的。HTML5的动画表现效果取决于计算机系统配置,这导致大量的金钱投入。假如网站需要大量动画内容,使用HTML5只是一个好选择。网站或许会发生意外,或许速度会受到极大影响,所以,在上述情况中,HTML5网站也许无法尽如人意。

揭穿常见的HTML5错误理解

首先,HTML5提供了一些先进的功能,为音、视频解决方案提供便利。这样很好,可人们忽视了这些音、视频文件都是在浏览器中播放。每款浏览器都有内置音、视频插件,可不同浏览器支持不同的文件类型。正因如此,满足所有浏览器要求变得相对困难。

其次,SVG和画布元素,令开发者们完成和整合2D动画更容易,但同时也有观点表明,这种动画对网站外观有负面影响。不过,HTML5在3D动画控制上也有缺陷,这导致开发者无法用HTML5复制整个Flash网站。这些限制在未来一段时间仍将存在。

第三,可以使用HTML5丰富的应用,允许我在此出示一小份列表,关于HTML5能做到且做得很好的方面。这能在很大程度大(大)减轻误解。

●可创建运行在ipad.iphone.Windows等平台上的单独程序。换句话说,它消除了平台/设备间依赖性——一个巨大的益处。

●帮助开发可同时运行于移动客户端和桌面的独立网站。

●在所有平台使用音、视频标签,但得做好辛苦工作的准备。

●视频、音频和图像都可写入代码,消除了第三方软件的介入。

●由于WebSockets的实现,与旧版相比,载入更快。

●为图片和灯光效果提供良好的矢量动画,但在处理动画上,不要抱太大幻想。Flash才是此项首选。

●为提供特定的键盘支持HTML5,提供了合适内置表单确认和类型声明。

HTML5确实在许多方面有超越Flash的潜质,但现阶段仍待时日。目前,它帮助人们更简便的开发移动应用,开发者们能为不同手机开发同款软件。此外,无人可质疑它为网站创建带来更多灵活性。目前而言,这些足矣。未来将发生什么纯属假设。

原文地址:http://www.webdesignerdepot.com/2012/03/flash-centric-misconceptions-of-html5/