HTML5 是下一代的 HTML。
時(shí)至今日,再提起HTML5大家一定不會(huì)陌生,作為一個(gè)新興的前端開發(fā)語言,HTML5已經(jīng)被大量應(yīng)用到各個(gè)領(lǐng)域,HTML5顛覆了PC互聯(lián)網(wǎng)的格局,優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn),接下來,HTML5將顛覆原生App世界。而在網(wǎng)站建設(shè)行業(yè)的應(yīng)用則更為廣泛,通過HTML5技術(shù)制作完成的網(wǎng)頁,可以是單純針對(duì)PC端,也已單獨(dú)適配移動(dòng)端,更能做成時(shí)下最流行的響應(yīng)式網(wǎng)站,也就是可以根據(jù)訪問設(shè)備的不同,自動(dòng)適應(yīng)屏幕的寬度來改變頁面中的元素樣式,今天北京凡度網(wǎng)絡(luò)科技公司就通過頁面中的必要元素標(biāo)簽,為大家講解HTML5網(wǎng)站建設(shè)的解決方案。
HTML5具備的天然優(yōu)勢(shì):
多設(shè)備跨平臺(tái)
用HTML5的優(yōu)點(diǎn)主要在于,這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用。比如你開發(fā)了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺(tái)、Opera 的游戲中心、Facebook應(yīng)用平臺(tái),甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺(tái)性非常強(qiáng)大,這也是大多數(shù)人對(duì)HTML5有興趣的主要原因。
自適應(yīng)網(wǎng)頁設(shè)計(jì)
很早就有人設(shè)想,能不能“一次設(shè)計(jì),普遍適用”,讓同一張網(wǎng)頁自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,自動(dòng)調(diào)整布局(layout)。2010年,Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計(jì)“這個(gè)名詞,指可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁,比如專門提供一個(gè)mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時(shí)要維護(hù)好幾個(gè)版本,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。
快速迭代
移動(dòng)互聯(lián)網(wǎng)是一個(gè)快魚吃慢魚的時(shí)代,誰對(duì)用戶的需求滿足的更快,誰的試錯(cuò)成本更低,誰就擁有巨大的優(yōu)勢(shì)。互聯(lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng),后入者搶奪用戶的難度非常大。使用原生開發(fā),從招聘、開發(fā)、上線各個(gè)環(huán)節(jié)的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。
設(shè)備兼容特性
從 Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供 了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
HTML5的開源生態(tài)系統(tǒng)發(fā)達(dá)
是開放的正反饋循環(huán)生態(tài)系統(tǒng),大量的開源庫可以使用,開發(fā)應(yīng)用變得更輕松、更敏捷,當(dāng)然這也體現(xiàn)在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環(huán)生態(tài)系統(tǒng)未來的生命力是比原生生態(tài)系統(tǒng)更強(qiáng)勁的。
游戲開發(fā)
沒錯(cuò), 你可以使用HTML5的<canvas>開發(fā)游戲。HTML5提供了一個(gè)非常偉大的,移動(dòng)友好的方式去開發(fā)有趣互動(dòng)的游戲。如果你開發(fā)Flash游戲,你就會(huì)喜歡上HTML5的游戲開發(fā)。
Script-tutorials目前提供了4個(gè)不部分的HTML5游戲開發(fā)教程,這里看看他們開發(fā)的有趣游戲:
HTML5 Gaming Development Lesson One
HTML5 Gaming Development Lesson Two
HTML5 Gaming Development Lesson Three
HTML5 Gaming Development Lesson Four
它是未來,開始用吧!
最大的原因今天你就開始使用HTML5是因?yàn)樗俏磥恚灰絷?duì)了!HTML5不會(huì)往每個(gè)方向發(fā)展,但是更多的元素已經(jīng)被很多公司采用,并且開始著手開發(fā)。HTML5其實(shí)更像HTML,它不是一個(gè)新的技術(shù)需要你重新學(xué)習(xí)!如果你開發(fā)XHTML strict的話你現(xiàn)在就已經(jīng)在開發(fā)HTML5了。為什么不更完整的享受HTML5的功能呢?
你實(shí)際上沒有任何借口不接受HTML5。Html5可以說是網(wǎng)站制作最為核心的語言,由于html5語言在不斷地更新發(fā)展,現(xiàn)在html5已經(jīng)賦予網(wǎng)站頁面更好的意義和結(jié)構(gòu),而且基于html5來開發(fā)的網(wǎng)頁會(huì)擁有更短的打開時(shí)間,更快的聯(lián)網(wǎng)速度,尤其是現(xiàn)在html5網(wǎng)站模板,使用其來制作網(wǎng)站,無疑是非常明智的網(wǎng)站建設(shè)方法。開始用HTML5代碼編寫web應(yīng)用吧,說不定下一個(gè)移動(dòng)應(yīng)用或者游戲應(yīng)用就是用HTML5開發(fā)的!