隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，人們對于移動(dòng)互聯(lián)網(wǎng)上內(nèi)容的表現(xiàn)形式也提出了更高的要求，移動(dòng)互聯(lián)網(wǎng)從簡單的wap頁面開始，內(nèi)容也逐漸的豐富起來，到了現(xiàn)在，我們使用移動(dòng)設(shè)備，比如手機(jī)或者平板電腦，已經(jīng)可以無障礙的訪問互聯(lián)網(wǎng)，且互聯(lián)網(wǎng)上多媒體的展現(xiàn)也更好，就拿視頻說事，很多網(wǎng)站都支持了HTML5技術(shù)的視頻播放，讓網(wǎng)頁播放視頻可以更清晰，更流暢，F(xiàn)lash媒體內(nèi)容在移動(dòng)設(shè)備上則越來越被冷落，HTML5也成為了手機(jī)瀏覽器必爭之地。
現(xiàn)在的手機(jī)瀏覽器廠商對HTML5的支持相當(dāng)重視，HTML5的支持率得分，成為了手機(jī)瀏覽器廠商相互間比拼打壓的一個(gè)重要依據(jù)，作為手機(jī)或者平板電腦用戶，現(xiàn)階段我們對HTML5這個(gè)概念還很模糊，部分瀏覽器廠商甚至說HTML5應(yīng)用可以取代傳統(tǒng)移動(dòng)App，也讓HTML5成為了目前移動(dòng)互聯(lián)網(wǎng)最火熱的話題，今天，我們就向大家從非技術(shù)的角度，詳細(xì)的解讀HTML5，從文中大家也能對HTML5有所了解，并對HTML5有自己的看法。
HTML5的昨天在互聯(lián)網(wǎng)發(fā)展的初期，互聯(lián)網(wǎng)由于沒有一種網(wǎng)頁技術(shù)呈現(xiàn)的標(biāo)準(zhǔn)，所以多家軟件公司就合力打造了HTML標(biāo)準(zhǔn)，HTML標(biāo)準(zhǔn)規(guī)定網(wǎng)頁如何處理文字，如何安排圖畫等等，其中最著名的就是HTML4，這是一個(gè)具有跨時(shí)代意義的標(biāo)準(zhǔn)，在HTML4標(biāo)準(zhǔn)提出之前，互聯(lián)網(wǎng)上的標(biāo)準(zhǔn)非?；靵y，當(dāng)時(shí)的微軟、網(wǎng)景等公司都提出了需要制定新的標(biāo)準(zhǔn)來規(guī)范互聯(lián)網(wǎng)，所以W3C組織就于1997年提出了HTML4標(biāo)準(zhǔn)。
HTML語言書寫規(guī)范
由于HTML4提出時(shí)，互聯(lián)網(wǎng)環(huán)境較差，網(wǎng)絡(luò)帶寬不足，網(wǎng)頁的呈現(xiàn)形式也非常有限，在早期的網(wǎng)頁上，主要的內(nèi)容還僅僅是文字，但隨著網(wǎng)絡(luò)帶寬的不斷提高，人們對于互聯(lián)網(wǎng)的要求也在不斷提高，主流網(wǎng)站的內(nèi)容在不斷擴(kuò)充，直到現(xiàn)在，一些主流互聯(lián)網(wǎng)媒體的已經(jīng)相當(dāng)多了，大型門戶的首頁，在1024×768分辨率下，可能需要四屏甚至更多才能夠呈現(xiàn)完整頁面，代碼量就可想而知了。
早期的互聯(lián)網(wǎng)網(wǎng)站頁面
相對于較早提出的HTML4來講，各個(gè)瀏覽器在發(fā)展過程中也在不斷的支持各種標(biāo)準(zhǔn)，這使得HTML4過于混亂，普遍現(xiàn)象是HTML4標(biāo)準(zhǔn)的同樣一串代碼下，在各個(gè)瀏覽器上呈現(xiàn)出來的效果不同。同時(shí)HTML4所提供的樣式和標(biāo)記混淆，這也讓W(xué)3C組織非常重視，在2004年W3C組織提出了XHTML標(biāo)準(zhǔn)。
網(wǎng)絡(luò)語言發(fā)展
XHTML只是HTML的擴(kuò)展，對于數(shù)據(jù)類型要求更為嚴(yán)格，讓HTML標(biāo)準(zhǔn)變得統(tǒng)一。不過XHTML并沒有成功，大多數(shù)的瀏覽器廠商認(rèn)為XHTML作為一個(gè)過渡化的標(biāo)準(zhǔn)并沒有太大必要，所以XHTML并沒有成為主流，而HTML5便因此孕育而生。
HTML5的昨天HTML5的標(biāo)準(zhǔn)實(shí)施還有一個(gè)重要的發(fā)起者，那便是蘋果教父喬布斯，他在2010年4月曾經(jīng)發(fā)表過文章“關(guān)于Flash的思考”，文章開始抨擊Flash。眾所周知MircoMedia所開發(fā)的Flash一直以來都是網(wǎng)絡(luò)富媒體的最主要表現(xiàn)形式，曾經(jīng)一度是網(wǎng)絡(luò)富媒體唯一的解決方案，F(xiàn)lash也幾乎壟斷了網(wǎng)頁上的多媒體信息。
蘋果教主喬布斯
喬布斯在文章中指出了Flash的多個(gè)缺陷，比如安全性、封閉性、不支持觸摸等，放在移動(dòng)設(shè)備上，F(xiàn)lash的功耗太高，會(huì)極大的影響電池的使用時(shí)間，這款專門為PC所設(shè)計(jì)的產(chǎn)品，完全不適合在移動(dòng)設(shè)備上使用。喬布斯的一席話正戳中了Flash的硬傷，不過傳統(tǒng)互聯(lián)網(wǎng)公司并沒有太領(lǐng)情，想推動(dòng)HTML5的也僅僅是那些瀏覽器的開發(fā)商。
現(xiàn)在，移動(dòng)互聯(lián)網(wǎng)飛速發(fā)展，手機(jī)作為互聯(lián)網(wǎng)終端，在互聯(lián)網(wǎng)訪問中所占的比重越來越大，各大網(wǎng)站也看到了Flash在移動(dòng)設(shè)備瀏覽器上拙劣的表現(xiàn)，甚至是Adobe也開始叫停移動(dòng)設(shè)備的Flash插件，再加上始終不支持Flash的iOS設(shè)備占據(jù)著較大的比例，也讓各大網(wǎng)站開始著手制作HTML5的多媒體內(nèi)容，這也推動(dòng)了HTML5的發(fā)展。
各瀏覽器支持HTML5時(shí)代表
而各大廠商的瀏覽器產(chǎn)品也早早的為HTML5的發(fā)展鋪好了道路，微軟的Internet Explorer、蘋果的Safari、谷歌的Chrome、Mozilla的Firefox以及Opera等主流瀏覽器的最新版本都對HTML5有了更好的支持，在HTML5test的測試中都有著超過300分的高分，而Chrome的最新版本得分更是超過了400分，要知道這個(gè)測試的滿分只有500分。
HTML5的現(xiàn)在HTML5作為移動(dòng)互聯(lián)網(wǎng)Web開發(fā)新的標(biāo)準(zhǔn)，擁有者很多新的特性，比如HTML5提供了大量新的標(biāo)記和新的API，在舊的HTML標(biāo)準(zhǔn)所開發(fā)的網(wǎng)頁中，如果我們要在頁面上修改一些內(nèi)容的話，需要在浩瀚的網(wǎng)頁代碼中尋找需要修改的標(biāo)記，而類似的標(biāo)記很多，查找起來非常麻煩。而HTML5中，不僅僅刪除了大量原來HTML中大量沒用的樣式定義，并且新的定義也改為內(nèi)容導(dǎo)向。
HTML5頁面標(biāo)簽
內(nèi)容導(dǎo)向標(biāo)記的好處一個(gè)是搜索引擎更容易查找，代碼中的內(nèi)容和標(biāo)題標(biāo)簽更為醒目，網(wǎng)站內(nèi)容能夠更好地被搜索引擎所抓取。另一個(gè)好處就是標(biāo)簽更為統(tǒng)一，HTML5將網(wǎng)頁開發(fā)中常用的內(nèi)容獨(dú)立成為標(biāo)簽，比如說網(wǎng)頁上的時(shí)鐘等，這樣開發(fā)人員在做網(wǎng)頁的開發(fā)時(shí)就不需要寫一些重復(fù)的CSS，可以直接使用HTML5定義的新標(biāo)簽。
HTML5新特性
HTML5的新API包括很多，其中比較重要的包括了媒體播放、離線數(shù)據(jù)庫、微數(shù)據(jù)或者二維繪圖等等，比如二維繪圖在舊的HTML標(biāo)準(zhǔn)中很難實(shí)現(xiàn)，大多數(shù)情況下，我們制作數(shù)據(jù)圖表，都是通過Excel制作，在進(jìn)行截圖并在網(wǎng)頁上粘貼來實(shí)現(xiàn)，這樣再修改起來就相當(dāng)麻煩，這些問題也可以購買一些網(wǎng)頁圖表控件實(shí)現(xiàn)，而HTML5所提供的二維繪圖API解決類似問題就可以相當(dāng)簡單。
HTML5視頻
媒體播放就更貼近用戶了，用戶不需要下載多媒體插件就可以直接觀看HTML5頁面上的媒體內(nèi)容了。HTML5對于多媒體解碼有了統(tǒng)一的標(biāo)準(zhǔn)，可以通過標(biāo)簽直接在網(wǎng)頁上內(nèi)嵌視頻，這方面相信手機(jī)或者平板電腦用戶都已經(jīng)在手機(jī)瀏覽器中體驗(yàn)到了。
HTML5的明天HTML5的出現(xiàn)對于開發(fā)者來說是一個(gè)利好消息，開發(fā)者可以通過HTML5開發(fā)一些網(wǎng)頁應(yīng)用，而不用考慮這些應(yīng)用在各個(gè)設(shè)備商的兼容性。往常，開發(fā)者需要為各個(gè)操作系統(tǒng)開發(fā)不同客戶端以適應(yīng)用戶的需求，而有了HTML5，開發(fā)者完成一次開發(fā)，用戶只需要有瀏覽器就可以在各個(gè)設(shè)備上打開HTML5所開發(fā)的內(nèi)容。
Web App
這也帶來了一個(gè)新話題，Web App替代傳統(tǒng)App，在HTML5標(biāo)準(zhǔn)中，可以通過瀏覽器直接使用手機(jī)上的陀螺儀、相機(jī)或者讀取用戶的地理位置，這也讓開發(fā)者可以開發(fā)的應(yīng)用更為廣泛，許多開發(fā)者也利用了HTML5的這一特性開發(fā)出了擁有App特性的應(yīng)用，而這些應(yīng)用相比傳統(tǒng)App，最大的優(yōu)勢就是可以在多平臺(tái)上進(jìn)行使用。
諾基亞地圖HTML5版
而在手機(jī)上的傳統(tǒng)的App就不一樣了，你需要使用不同的語言在不同的操作系統(tǒng)上寫一個(gè)應(yīng)用，而且還要在不同的平臺(tái)上進(jìn)行調(diào)試，想讓一個(gè)應(yīng)用程序在每一個(gè)平臺(tái)都達(dá)到你想要的效果就非常困難，這方面HTML5上有絕對的優(yōu)勢。
HTML5游戲命令與征服
HTML5上可以承載的內(nèi)容不僅僅局限在Web上，它可以將Web變成一個(gè)成熟的平臺(tái)，擁有視頻、音頻、圖像、動(dòng)畫、應(yīng)用甚至是游戲，可以說未來推行HTML5將勢在必行。
HTML5的挑戰(zhàn)僅僅看到HTML5的優(yōu)點(diǎn)，我們還要看到HTML5的不足，首先HTML5所在的時(shí)代與當(dāng)年Flash所在的時(shí)代不同，在當(dāng)年Flash出現(xiàn)前，網(wǎng)絡(luò)上沒有太多的多媒體內(nèi)容，F(xiàn)lash的出現(xiàn)就是個(gè)奇跡，它的出現(xiàn)也彌補(bǔ)了網(wǎng)絡(luò)內(nèi)容的空缺，所以很快得以普及，F(xiàn)lash在經(jīng)過多年的發(fā)展后，雖然出現(xiàn)了很多問題，但同樣積累了很多資源上的優(yōu)勢。
革命性產(chǎn)品Flash
而相比Flash，HTML5的出現(xiàn)確實(shí)受到了許多開發(fā)者的歡迎，但HTML5在內(nèi)容的表現(xiàn)上，并沒有太多突出的亮點(diǎn)內(nèi)容，尤其是對于用戶來講，HTML5沒有帶來太大的改變，這也直接導(dǎo)致了HTML5無法在短期內(nèi)獲得巨大的成功。而HTML5在移動(dòng)設(shè)備上的表現(xiàn)目前也不好說，Android設(shè)備上，HTML5在位圖、矢量圖、運(yùn)算等多方面性能仍不及Flash，僅有視頻播放上比Flash更有優(yōu)勢，這也跟瀏覽器開發(fā)商的側(cè)重有關(guān)，這些開發(fā)商更注重HTML5的支持而并非性能。
W3C LOGO
除此之外，HTML5直到現(xiàn)在也沒有統(tǒng)一的規(guī)范，今年W3C可能會(huì)推出建議候選版，而正式標(biāo)準(zhǔn)的推出，不知道要到什么時(shí)候，這也會(huì)極大的影響HTML5的普及，而作為普通開發(fā)者，現(xiàn)階段就去開發(fā)HTML5應(yīng)用，同樣是一件不劃算的事，瀏覽器支持HTML5需要較新的版本，而大部分PC用戶還在使用IE9以前的版本，開發(fā)者開發(fā)HTML5應(yīng)用或者網(wǎng)頁，可能直接導(dǎo)致大部分用戶無法使用和閱讀，這也很大程度打擊了開發(fā)者的積極性。
HTML5
移動(dòng)互聯(lián)網(wǎng)的發(fā)展會(huì)改變整個(gè)互聯(lián)網(wǎng)發(fā)展的格局，這對于HTML5來說是件好事，對于用戶來講，蘋果的iOS早早的將Flash拒之門外，僅僅是對HTML5的發(fā)展起到了刺激作用，也僅有一些視頻網(wǎng)站為了爭奪用戶做了一些妥協(xié)，而真正談HTML5時(shí)代的到來，還為時(shí)尚早，HTML5要想改變現(xiàn)在的互聯(lián)網(wǎng)還需要邁過很多道砍。
