-
加入我們
-
VIP定制
-
求關(guān)注
Thank you for visiting
029-81773686
全網(wǎng)開發(fā)&整合營(yíng)銷服務(wù)商
CopyRight
?HOOBOO All rights reserved
2015.10.11
1. HTML5 標(biāo)簽沒什么大不了的.
理解這句話你需要先了解HTML 5。它僅僅是一個(gè)html4.01的一個(gè)升級(jí)版本?或者是它是完全不同的新版本(無(wú)處不在的大肆宣傳可能會(huì)讓你有這種感覺)?答案是兩種理解都有部分正確。HTML 5包括許多簡(jiǎn)化和附加的網(wǎng)頁(yè)標(biāo)記,所以稱它為升級(jí)版本也是公平的(雖然也有一些大的補(bǔ)充標(biāo)簽,如視頻<video>和畫布< canvas>)。但是,HTML 5也可以被認(rèn)為是一個(gè)技術(shù)組合,包括一整套和HTML 5標(biāo)簽交互的API。還有CSS 3,為HTML 5帶來了一些強(qiáng)大的新風(fēng)格和動(dòng)畫效果。 如果你已經(jīng)很熟悉html 4,那大多數(shù)新的標(biāo)簽會(huì)很容易使用。
2. HTML 5的力量源泉是JavaScript.
雖然我們都聽到的總是“HTML 5″, 但真正的無(wú)名英雄是JavaScript和一套新的API。這些API包括獲取地理位置(Geolocation),圖形繪制(a drawable canvas),個(gè)性化的視頻體驗(yàn)(custom video experiences),拖放,大量的本地存儲(chǔ)(local storage),甚至多線程(更像是當(dāng)前的應(yīng)用程序)。這只是已經(jīng)命名的一些API而已。
過去幾年,Javascript的名聲可不好,其實(shí)它是一個(gè)復(fù)雜和強(qiáng)大的語(yǔ)言。現(xiàn)在,它也是一個(gè)快速的語(yǔ)言,在過去十年里,速度得到近似100倍的改善(還會(huì)得到更多的改善)。當(dāng)然,它仍然有它的內(nèi)傷,但通過了解它們就可以有避免的方法。如果你知道他們。它也很容易入門。
所以,如果你想運(yùn)用HTML 5,你就要JavaScript。
3. 標(biāo)準(zhǔn)來自哪里并不重要(It’s not which standards document an API comes from that is important).
當(dāng)我們寫”Head First HTML5 Programming”時(shí),常聽到”Geolocation并不是HTML5正式規(guī)格的一部分!” 是的. 但它是W3C的正式標(biāo)準(zhǔn)之一,而且事實(shí)上這并不重要。重要的是多少現(xiàn)在的瀏覽器已經(jīng)支持Geolocation 了?我們更在意這個(gè)。
當(dāng)然,這里有一個(gè)時(shí)間的問題。但當(dāng)我們寫代碼時(shí),重要的是“用戶需要它嗎?(Will it be there for my users)“
4. 怎么知道該不該上HTML5了(How to know if you should embrace HTML5 now).
如果你的用戶使用移動(dòng)設(shè)備,你就應(yīng)該考慮使用HTML5。HTML 5瀏覽器是在大量的智能手機(jī)和平板上很普遍了。如果你的用戶主要在桌面電腦上使用,你也應(yīng)該去好好研究一下HTML 5。但是如果他們使用的是舊版本的瀏覽器,那就需認(rèn)真評(píng)估一下了。
無(wú)論何時(shí),你想要了解瀏覽對(duì)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.
當(dāng)然,你也要盡量在各個(gè)瀏覽器上測(cè)試一下你的應(yīng)用程序或網(wǎng)頁(yè)。
5. 進(jìn)退自如: 優(yōu)雅降級(jí)和功能檢查(graceful degradation and feature detection).
通過JavaScript有許多方法可以用來檢測(cè)HTML5的支持能力。通過創(chuàng)建一個(gè)對(duì)象,通過檢查屬性,通過使用自定義方法如<video>的canPlayType方法,這些都可以。 不用說,如果用戶的瀏覽器不支持新特性,你需要提供備用方案。(比如,使用圖片或flash來代替HTML5的video和canva, 或者顯示一段信息告訴用戶為什么沒看到預(yù)期的效果。). 有沒有更好的方法呢?
有的. Modernizr JavaScript library 是一個(gè)開源庫(kù),可以很方便的檢查HTML5和CSS3的支持情況,并加載相似的資源, 如不同的JavaScript腳本, CSS文件, 圖片等等,取決于支持的程度.
CopyRight ? 西安宏博網(wǎng)絡(luò)科技有限公司 備案號(hào):陜ICP備10007014號(hào)-8 站點(diǎn)地圖 免責(zé)聲明:本網(wǎng)站部分資源來源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系我們告知?jiǎng)h除,我們將會(huì)盡快處理,謝謝!本站不承擔(dān)任何法律責(zé)任。