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

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

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

HTML5本身是由W3C推薦出來(lái)的，它的開發(fā)是通過(guò)谷歌、蘋果，諾基亞、中國(guó)移動(dòng)等幾百家公司一起醞釀的技術(shù)，這個(gè)技術(shù)大的好處在于它是一個(gè)公開的技術(shù)。換句話說(shuō)，每一個(gè)公開的標(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)的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺(tái)、Opera的游戲中心、Facebook應(yīng)用平臺(tái)，甚至可以通過(guò)封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺(tái)非常強(qiáng)大，也是大多數(shù)人對(duì)HTML5有興趣的主要原因。所以H5目前僅限于游戲開發(fā)、APP開發(fā)軟件上應(yīng)用較多，實(shí)際的網(wǎng)站建設(shè)展示版面還沒(méi)有必要一定用H5語(yǔ)言設(shè)計(jì)。
針對(duì)游戲和APP開發(fā)總結(jié)概HTML5有以下優(yōu)點(diǎn)：

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

2、有幾個(gè)新的標(biāo)簽，這將有助于開發(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)用程序和游戲。

針對(duì)網(wǎng)站設(shè)計(jì)HTML5缺點(diǎn)

1.移動(dòng)端和瀏覽器兼容問(wèn)題 由于其目前仍處于草案階段，瀏覽器兼容性差

瀏覽器的編程模型還是90年代流行的單進(jìn)程單線程 （single process single thread），但原生實(shí)現(xiàn)（比如用Object C）的APP可以用多線程。移動(dòng)端編寫APP，可以使用多個(gè)線程，一個(gè)線程，被稱作主線程（main thread），編程的一原則是don’t do heavy work on main thread。通常只讓它處理UI事件等，其他重度的工作讓其他背景線程來(lái)做。但瀏覽器只有一個(gè)線程，所有的事情都是它干。在臺(tái)式機(jī)上，瀏覽器編程還沒(méi)有太多問(wèn)題，因?yàn)閴蚩欤坏谝苿?dòng)端，這個(gè)弊端很明顯。

例如

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

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

結(jié)果

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

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

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

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

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

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

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

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

思考點(diǎn)：如何有效的提供導(dǎo)航？有哪些形式？

4、交互動(dòng)態(tài)效果收到限制，影響一些頁(yè)面場(chǎng)景、邏輯的理解。

思考點(diǎn)：比如登錄注冊(cè)流程的彈出、完成及異常退出，做好文字提示。

網(wǎng)頁(yè)名稱：淺議H5的優(yōu)勢(shì)和劣勢(shì)有哪些？H5網(wǎng)站一定就好嗎？
網(wǎng)頁(yè)地址：http://muchs.cn/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)請(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)