029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻行业视野  

html5常见的那些事(一)

2015.10.11

       1. HTML5 标签没什么大不了的.


       理解这句话你需要先了解HTML 5。它仅仅是一个html4.01的一个升级版本?或者是它是完全不同的新版本(无处不在的大肆宣传可能会让你有这种感觉)?答案是两种理解都有部分正确。HTML 5包括许多简化和附加的网页标记,所以称它为升级版本也是公平的(虽然也有一些大的补充标签,如视频<video>和画布< canvas>)。但是,HTML 5也可以被认为是一个技术组合,包括一整套和HTML 5标签交互的API。还有CSS 3,为HTML 5带来了一些强大的新风格和动画效果。 如果你已经很熟悉html 4,那大多数新的标签会很容易使用。


       2. HTML 5的力量源泉是JavaScript.


       虽然我们都听到的总是“HTML 5″, 但真正的无名英雄是JavaScript和一套新的API。这些API包括获取地理位置(Geolocation),图形绘制(a drawable canvas),个性化的视频体验(custom video experiences),拖放,大量的本地存储(local storage),甚至多线程(更像是当前的应用程序)。这只是已经命名的一些API而已。


       过去几年,Javascript的名声可不好,其实它是一个复杂和强大的语言。现在,它也是一个快速的语言,在过去十年里,速度得到近似100倍的改善(还会得到更多的改善)。当然,它仍然有它的内伤,但通过了解它们就可以有避免的方法。如果你知道他们。它也很容易入门。


       所以,如果你想运用HTML 5,你就要JavaScript。


       3. 标准来自哪里并不重要(It’s not which standards document an API comes from that is important).


       当我们写”Head First HTML5 Programming”时,常听到”Geolocation并不是HTML5正式规格的一部分!” 是的. 但它是W3C的正式标准之一,而且事实上这并不重要。重要的是多少现在的浏览器已经支持Geolocation 了?我们更在意这个。


       当然,这里有一个时间的问题。但当我们写代码时,重要的是“用户需要它吗?(Will it be there for my users)“


       4. 怎么知道该不该上HTML5了(How to know if you should embrace HTML5 now).


       如果你的用户使用移动设备,你就应该考虑使用HTML5。HTML 5浏览器是在大量的智能手机和平板上很普遍了。如果你的用户主要在桌面电脑上使用,你也应该去好好研究一下HTML 5。但是如果他们使用的是旧版本的浏览器,那就需认真评估一下了。


       无论何时,你想要了解浏览对HTML 5支持的情况,都可以借助下面这些很棒的资源来了解。包括:


•http://caniuse.com/.
•http://www.findmebyip.com/.
•http://html5test.com/.
•Wikipedia’s Comparison of Web Browsers page and Comparison of Layout Engines page.
•WHATWG’s Implementations in Web Browsers wiki page.


       当然,你也要尽量在各个浏览器上测试一下你的应用程序或网页。


       5. 进退自如: 优雅降级和功能检查(graceful degradation and feature detection).


       通过JavaScript有许多方法可以用来检测HTML5的支持能力。通过创建一个对象,通过检查属性,通过使用自定义方法如<video>的canPlayType方法,这些都可以。 不用说,如果用户的浏览器不支持新特性,你需要提供备用方案。(比如,使用图片或flash来代替HTML5的video和canva, 或者显示一段信息告诉用户为什么没看到预期的效果。). 有没有更好的方法呢?


       有的.  Modernizr JavaScript library 是一个开源库,可以很方便的检查HTML5和CSS3的支持情况,并加载相似的资源, 如不同的JavaScript脚本, CSS文件, 图片等等,取决于支持的程度.


精彩案例