淺議H5的優(yōu)勢和劣勢有哪些?H5網(wǎng)站一定就好嗎?

2022-08-17    分類: 網(wǎng)站建設(shè)

HTML5優(yōu)點

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

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

用HTML5的優(yōu)點主要在于,這個技術(shù)可以進行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺,甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺非常強大,也是大多數(shù)人對HTML5有興趣的主要原因。所以H5目前僅限于游戲開發(fā)、APP開發(fā)軟件上應(yīng)用較多,實際的網(wǎng)站建設(shè)展示版面還沒有必要一定用H5語言設(shè)計。
針對游戲和APP開發(fā)總結(jié)概HTML5有以下優(yōu)點:

1、提高可用性和改進用戶的友好體驗;

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

3、可以給站點帶來更多的多媒體元素(視頻和音頻);

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

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

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

針對網(wǎng)站設(shè)計HTML5缺點

1.移動端和瀏覽器兼容問題 由于其目前仍處于草案階段,瀏覽器兼容性差

瀏覽器的編程模型還是90年代流行的單進程單線程 (single process single thread),但原生實現(xiàn)(比如用Object C)的APP可以用多線程。移動端編寫APP,可以使用多個線程,一個線程,被稱作主線程(main thread),編程的一原則是don’t do heavy work on main thread。通常只讓它處理UI事件等,其他重度的工作讓其他背景線程來做。但瀏覽器只有一個線程,所有的事情都是它干。在臺式機上,瀏覽器編程還沒有太多問題,因為夠快;但在移動端,這個弊端很明顯。

例如

比如你在用瀏覽器看朋友的照片,你發(fā)的評論被發(fā)到服務(wù)器端,此時你接著用手指往下拉屏;

此時,服務(wù)器端返回信息,評論發(fā)布成功,瀏覽器中唯一的線程可能停止處理屏幕滾動(scrolling)而來處理服務(wù)器的返回信息,由于移動設(shè)備的處理器(尤其單進程瀏覽器只能用上單核,即使是多核手機!)和內(nèi)存(處于省電原因使用低耗電的DDR1,這一點和現(xiàn)在PC使用的DDR3相差甚遠(yuǎn))的不給力,完全可能造成滾動處理的不連續(xù)。通常手機的刷新率是60MHZ,即每一幀不超過15ms;如果處理的延時大大超過15ms,那么就會出現(xiàn)跳幀,肉眼就能看出來。

結(jié)果

如果你的網(wǎng)站是相對靜態(tài)的,不需要很多對于照片,多點觸摸,多向拉動的處理,那完全可以用HTML5來實現(xiàn);如果不是,比如信息流的展示,游戲等等,還是用原生的去實現(xiàn)。

2.網(wǎng)絡(luò)安全
HTML5所構(gòu)建的網(wǎng)頁和其他語言編寫的網(wǎng)頁一樣容易泄露一些敏感數(shù)據(jù)。歐洲網(wǎng)絡(luò)信息安全機構(gòu)(European Network and Information Security Agency,ENISA)已經(jīng)警告說HTML5可能并不夠安全。

2013年3月,HTML5編程語言的一個漏洞被發(fā)現(xiàn):它允許網(wǎng)站利用數(shù)GB垃圾數(shù)據(jù)對用戶展開轟炸,甚至?xí)诙虝r間內(nèi)將硬盤塞滿。多款主流瀏覽器均會受此影響。
主要是因為H5以其較高的趣味性和良好的交互性受到越來越多用戶的青睞。
目前居多的APP應(yīng)用里面嵌入了H5頁面。而網(wǎng)站設(shè)計的語言應(yīng)用當(dāng)中并不多見。
1、頁面跳轉(zhuǎn)更加費力,不穩(wěn)定感更強。而且頁面之間的跳轉(zhuǎn)也不是很流暢,很多時候出現(xiàn)卡頓或卡死現(xiàn)象。

思考點:如何減少跳轉(zhuǎn)(扁平結(jié)構(gòu)、頁面布局技巧),增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性(技術(shù))

2、更小的頁面空間(由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間),更大的信息記憶負(fù)擔(dān)移動設(shè)備的屏幕要小得多。這種如同透過門縫進行的閱讀增加了認(rèn)知的負(fù)擔(dān)。

人腦的短期記憶是不穩(wěn)定的,用戶在滾動屏幕的過程中需要臨時記憶的信息越多,他們的表現(xiàn)就會越差。

思考點:排版更清晰、信息更簡練 (可在原生APP基礎(chǔ)上去掉一些豐富、復(fù)雜的視覺表現(xiàn))

3、導(dǎo)航不明顯,原有底部導(dǎo)航消失,有效的導(dǎo)航遇到挑戰(zhàn)等。

思考點:如何有效的提供導(dǎo)航?有哪些形式?

4、交互動態(tài)效果收到限制,影響一些頁面場景、邏輯的理解。

思考點:比如登錄注冊流程的彈出、完成及異常退出,做好文字提示。

網(wǎng)頁名稱:淺議H5的優(yōu)勢和劣勢有哪些?H5網(wǎng)站一定就好嗎?
網(wǎng)頁地址:http://www.bm7419.com/news39/190689.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、小程序開發(fā)、網(wǎng)站建設(shè)、定制開發(fā)、商城網(wǎng)站、做網(wǎng)站

廣告

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

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