马上使用HTML5的十大理由.docxVIP

马上使用HTML5的十大理由 翡翠教育紧跟时代潮流在全国各地主要城市都开设了UI设计方向的课程，四个阶段4个月左右的时间帮助学员循序渐进的成为合格的UI设计师。同时，翡翠教育将全程关注学员就业，各个校区提供丰富就业资源，创建全国就业网络平台助力学员圆当地和异地就业梦！为了让HTML5不再神秘，为了帮助犹豫不决的设计师和开发工程师跑步跟上快速发展的浪潮，我列出了为什么要马上使用HTML5的十大理由。??????你还没有用HTML5吗？我想你有你的道理 它还没有被全面采纳 IE不支持 你觉得现在就挺好，或是你还是热衷于写严格的XHTML代码。HTML5是网络行业所需要的一场革命。事实上，不管你是否情愿，它就是未来。HTML5并不深奥，用起来也不难。尽管它的标准还没有被完全采纳，还是有足够的理由马上就开始用它。??????现在有很多的都在 召使用HTML5，并大力宣传它的的好处。是的，这又是新的一篇。有这么多的，有苹果的推动，加上Adobe围绕它推出新的开发工具，而越来越多的投入其中，我还是要劝说那些出于各种原因迟迟未动或根本不想转变的设计师和工程师同行们。我想主要的问题在于，对很多人来说，它看起来还是一个神秘的事物。??????为了揭开HTML5神秘面纱，帮助那些步履缓慢的前端后端人士赶上潮流，我列出了为什么要马上使用HTML5的十大理由。对于已经在用HTML5的人来说，这些可能并没有什么新鲜的，但希望还是它们对你在与同行间交流能有所启发。这里我用了倒数的方法，从第十项开始。??????10易用性??????有两个主要原因使得HTML5制作的更易用 语义和ARIA。新的HTML标签，像??????、、、、等，使屏幕阅读器更容易读取内容。之前，屏幕阅读器无法判断某个是什么，即使你给它添加了ID或是类。有了新的语义标签，屏幕阅读器会更好的检查HTML文档，让使用它们的人有更好的体验。??????ARIA是一个W3C标准，主要用来给HTML文档中的元素指定特殊的角色通过角色的属性从底层为页面创建重要的标记，如页眉、页脚、导航或是。这在以前是被忽略的，也没有人去用，原因是它之前不是合法有效的。不过，HTML5现在会去验证这些属性使其合法。另外，HTML5有优先的内置角色，这使得分配角色变得轻而易举。更多关于HTML5和ARIA的深入讨论可以访问WAI。??????9视频和音频支持??????忘掉Flash播放器和其它的第三方媒体播放器吧，用新的HTML5和标签让你的视频和音频更容易播放。以前想要让你的媒体正确播放就如恶梦一般。你需要用和就是这么出奇的简单。不过，因为旧的老爷级浏览器不喜欢我们的HTML5朋友，你还需要添上一些代码来让他们正常工作这也比12345videoposter=myvideo.jpgcontrolssourcesrc=myvideo.m4vtype=videomp4sourcesrc=myvideo.oggtype=videooggembedsrc=tomyvideoplayerembedvideo参考资料??????HTML5AudioandVideo:WhatyouMustKnow??????AudioandVideoprocessinginHTML5??????HowtoMakeYourOwnVideoPlayerOnHTML5Video??????UsingHTML5VideoandAudioinModernBrowsers??????8Doctype文档类型??????没错doctype，就这么多了。够简单吧？不需要拷贝粘贴一串看不明白的长代码，也不需要在head里加带各种标签属性。只要简单输入就好了。更重要的是，除了简单之外，它可以在各种浏览器下工作，即使是人人都拿它没有办法的IE6。??????7更简洁的代码??????如果你钟情于书写简单、优雅、易读的代码，那HTML5最适合不过。HTML5可以让你写出简洁的，描述性的代码 带有语义的代码让你轻易地将内容与样式分开。看看下面这段简单的，带导航的header代码??????12345678910divid=headerh1HeaderTexth1divid=navulliahref=#Linkaliliahref=#Linkaliliahref=#Linkaliuldivdiv够简洁了吗？用HTML5，还能更加简化，并有更明晰的含义??????12345678910headerh1HeaderTexth1navulliahref=#Linkaliliahref=#Linkaliliahref=#Linkaliulnavheader使用HTML5，你可以用语义来描述你的内容，从而治好你的div和class强迫症。以前你得为所有的内容逐一定义div，然后加上