什么是html5網(wǎng)站?html5常見(jiàn)問(wèn)題

2016-10-07    分類(lèi): 網(wǎng)站建設(shè)

簡(jiǎn)單理解就是:html5是html的第5個(gè)版本,是最新的網(wǎng)站制作技術(shù),是對(duì)傳統(tǒng)網(wǎng)站制作制作技術(shù)的升級(jí)!

HTML 5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接納,并成立了新的HTML工作團(tuán)隊(duì)。2008年1月22日,W3C發(fā)布了最新的HTML5工作草案,HTML工作組包括AOL、Apple、Google、IBM、 Microsoft、Mozilla、Nokia、Opera等數(shù)百個(gè)開(kāi)發(fā)上。HTML5中增加了許多新特性,例如嵌入音頻、視頻和圖片的函數(shù)、客戶(hù)端存 儲(chǔ)數(shù)據(jù)、交互式文檔等,通過(guò)制定如何處理所有HTML元素以及如何從錯(cuò)誤中恢復(fù)的精確規(guī)則,HTML5進(jìn)一步增強(qiáng)了互動(dòng)性,并有效減少了開(kāi)發(fā)成本。

二、HTML5 有哪些特質(zhì)

我們來(lái)看看W3.org列舉出來(lái)的8個(gè)Class技術(shù)描述:

A. 語(yǔ)義特性(Class:Semantic)

HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對(duì)程序、對(duì)用戶(hù)都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。

B. 本地存儲(chǔ)特性(Class: OFFLINE & STORAGE)

基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。Indexed DB(html5本地存儲(chǔ)最重要的技術(shù)之一) 和API說(shuō)明文檔。

C. 設(shè)備兼容特性 (Class: DEVICE ACCESS)

從Geolocation 功能的API文檔公開(kāi)以來(lái),HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)

D. 連接特性(Class: CONNECTIVITY)

更有效的連接工作效率,使得基于頁(yè)面的實(shí)時(shí)聊天,更快速的網(wǎng)頁(yè)游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)’推送’到客戶(hù)端的功能。

E. 網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)

支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。

F. 三維、圖形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用戶(hù)會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺(jué)效果。

G. 性能與集成特性(Class: Performance & Integration)

沒(méi)有用戶(hù)會(huì)永遠(yuǎn)等待你的Loading――HML5會(huì)通過(guò)XMLHttpRequest2等技術(shù),幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

H. CSS3特性(Class: CSS3)

在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下,CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的Web排版,Web的開(kāi)放字體格式(WOFF)也提供了更高的靈活性和控制性。

四、早期試行者:

體驗(yàn) HTML5 的最好瀏覽器是那些基于 Webkit 引擎的瀏覽器(Apple 開(kāi)發(fā)的開(kāi)源瀏覽器內(nèi)核),如 Chrome 和 Safari,F(xiàn)irefox 不太流暢,即使現(xiàn)在Firefox 9官方聲稱(chēng)好支持HTML5,但是實(shí)際應(yīng)用中,我們發(fā)現(xiàn)還是相對(duì)于Chrome和Safari欠缺許多。

當(dāng)然,介于目前瀏覽器市場(chǎng)玲瑯滿目,目前除了主流的瀏覽器的最新版本之外,之前的舊版本瀏覽器都在或多或少的拒絕HTML5。

它可能會(huì)消滅Flash

許多業(yè)內(nèi)人士表示,HTML將會(huì)最終代替多媒體框架,如Adobe的Flash,但是短期看來(lái)還不是時(shí)候。HTML5估計(jì)到2014年才能逐步成熟,而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開(kāi)發(fā)完全轉(zhuǎn)向HTML5還需要一段時(shí)間。盡管HTML5提出了許多優(yōu)點(diǎn),但是還可能有某些應(yīng)用更適合于更靈活的框架。一些主流的大公司都逐步轉(zhuǎn)向使用HTML5,谷歌于2015年2月26日開(kāi)始自動(dòng)將Flash廣告轉(zhuǎn)換為HTML5格式,[7] 這可能會(huì)加速HTML5替代Flash的進(jìn)程,但是這個(gè)轉(zhuǎn)變的過(guò)程也不是一蹴而就的。

它新并不表示它安全

網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)工程師們?cè)趯W(xué)習(xí)新技術(shù)的同時(shí)需要時(shí)刻記住網(wǎng)絡(luò)安全。HTML5所構(gòu)建的網(wǎng)頁(yè)和其他語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)一樣容易泄露一些敏感數(shù)據(jù)。歐洲網(wǎng)絡(luò)信息安全機(jī)構(gòu)(European Network and Information Security Agency,ENISA)已經(jīng)警告說(shuō)HTML5可能并不夠安全。

它承諾帶來(lái)一個(gè)無(wú)縫的網(wǎng)絡(luò)

HTML5會(huì)帶來(lái)一個(gè)統(tǒng)一的網(wǎng)絡(luò),無(wú)論是筆記本,臺(tái)式機(jī),還是智能手機(jī)都應(yīng)該很方便的瀏覽基于HTML5的網(wǎng)站。因此在設(shè)計(jì)網(wǎng)站的時(shí)候,開(kāi)發(fā)者需要重新考慮用戶(hù)體驗(yàn),網(wǎng)站瀏覽,網(wǎng)站結(jié)構(gòu)等因素使得這個(gè)網(wǎng)站對(duì)任何硬件設(shè)備都通用。

它會(huì)變成企業(yè)的SaaS平臺(tái)

一些重量級(jí)的企業(yè),如微軟,Salesforce,SAP Sybase正在開(kāi)發(fā)HTML5的開(kāi)發(fā)工具。如果你正在構(gòu)建企業(yè)應(yīng)用,很可能不久的將來(lái)你就要用到HTML5。所以當(dāng)構(gòu)建公司的SaaS戰(zhàn)略遷移的時(shí)候也不要忘記HTML5。

它將會(huì)變得很移動(dòng)

幾乎所有人都熱衷于開(kāi)發(fā)獨(dú)立的移動(dòng)應(yīng)用,但是HTML5很可能會(huì)是獨(dú)立移動(dòng)應(yīng)用的終結(jié)者。由于HTML5將應(yīng)用的功能直接加入其內(nèi)核,這很可能引導(dǎo)移動(dòng)技術(shù)潮流重新回到瀏覽器時(shí)代。HTML5允許開(kāi)發(fā)者在(移動(dòng))瀏覽器內(nèi)開(kāi)發(fā)應(yīng)用,所以如果你正在制定一項(xiàng)桌面或者移動(dòng)應(yīng)用的長(zhǎng)期發(fā)展策略,你可能需要考慮這一點(diǎn)。

優(yōu)點(diǎn)缺點(diǎn)

網(wǎng)絡(luò)標(biāo)準(zhǔn)

HTML5本身是由W3C推薦出來(lái)的,它的開(kāi)發(fā)是通過(guò)谷歌、蘋(píng)果,諾基亞、中國(guó)移動(dòng)等幾百家公司一起醞釀的技術(shù),這個(gè)技術(shù)大的好處在于它是一個(gè)公開(kāi)的技術(shù)。換句話說(shuō),每一個(gè)公開(kāi)的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫(kù)找尋根源。另一方面,W3C通過(guò)的HTML5標(biāo)準(zhǔn)也就意味著每一個(gè)瀏覽器或每一個(gè)平臺(tái)都會(huì)去實(shí)現(xiàn)。

多設(shè)備跨平臺(tái)

用HTML5的優(yōu)點(diǎn)主要在于,這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用。比如你開(kāi)發(fā)了一款HTML5的游戲,你可以很輕易地移植到UC的開(kāi)放平臺(tái)、Opera的游戲中心、Facebook應(yīng)用平臺(tái),甚至可以通過(guò)封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺(tái)性非常強(qiáng)大,這也是大多數(shù)人對(duì)HTML5有興趣的主要原因。

自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)

很早就有人設(shè)想,能不能“一次設(shè)計(jì),普遍適用”,讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,自動(dòng)調(diào)整布局(layout)。

2010年,Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)“這個(gè)名詞,指可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。

這就解決了傳統(tǒng)的一種局面――網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁(yè),比如專(zhuān)門(mén)提供一個(gè)mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時(shí)要維護(hù)好幾個(gè)版本,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。

即時(shí)更新

游戲客戶(hù)端每次都要更新,很麻煩??墒歉翲TML5游戲就好像更新頁(yè)面一樣,是馬上的、即時(shí)的更新。

總結(jié)概括HTML5有以下優(yōu)點(diǎn):

1、提高可用性和改進(jìn)用戶(hù)的友好體驗(yàn);

2、有幾個(gè)新的標(biāo)簽,這將有助于開(kāi)發(fā)人員定義重要的內(nèi)容;

3、可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻);

4、可以很好的替代FLASH和Silverlight;

5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候,對(duì)于SEO很友好;

6、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲;

7、可移植性好。

缺點(diǎn):

該標(biāo)準(zhǔn)并未能很好的被瀏覽器所支持。因新標(biāo)簽的引入,各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式,造成用戶(hù)體驗(yàn)不佳。

發(fā)展趨勢(shì)

HTML5規(guī)范開(kāi)發(fā)完成時(shí),將成為主流。

1、移動(dòng)優(yōu)先

從如今層出不窮的移動(dòng)應(yīng)用就知道,在這個(gè)智能手機(jī)和將平板電腦大爆炸的時(shí)代,移動(dòng)優(yōu)先已成趨勢(shì),不管是開(kāi)發(fā)什么,都以移動(dòng)為主。

2、游戲開(kāi)發(fā)者領(lǐng)銜“主演”

許多游戲開(kāi)發(fā)商都被Facebook或者Zynga推動(dòng)著發(fā)展,而未來(lái)的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的,盡管在HTML 5平臺(tái)開(kāi)發(fā)出游戲非常困難,但游戲開(kāi)發(fā)商卻都愿意那么做。通過(guò)PhoneGap及appmobi的XDK將Web應(yīng)用游戲打包整合到原生應(yīng)用中也是一種方式,F(xiàn)acebook差不多就這么干的――基于Web應(yīng)用及瀏覽器,但卻將之打包整合進(jìn)原生應(yīng)用。

3、2014計(jì)劃

2012年9月,W3C提出計(jì)劃要在2014年底前發(fā)布一個(gè)HTML5推薦標(biāo)準(zhǔn),并在2016年底前發(fā)布HTML5.1推薦標(biāo)準(zhǔn)。

網(wǎng)頁(yè)名稱(chēng):什么是html5網(wǎng)站?html5常見(jiàn)問(wèn)題
文章地址:http://www.bm7419.com/news39/48789.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、商城網(wǎng)站移動(dòng)網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名