溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5有哪些發(fā)展

發(fā)布時(shí)間:2021-09-28 10:55:42 來(lái)源:億速云 閱讀:87 作者:iii 欄目:web開發(fā)

本篇內(nèi)容主要講解“HTML5有哪些發(fā)展”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“HTML5有哪些發(fā)展”吧!

HTML5有哪些發(fā)展

HTML5,被傳為Flash 的殺手,是一種用于web 應(yīng)用程序開發(fā)、具有變革意義的網(wǎng)絡(luò)技術(shù)。HTML 5提供了一些新的元素和屬性,其中有些是技術(shù)上類似<div>和<span>標(biāo)簽,但有一定含義,例如<nav>和<footer>。這種標(biāo)簽將有利于搜索引擎的索引整理、小屏幕設(shè)備和視障人士使用。同時(shí)為其他瀏覽要素提供了新的功能,通過(guò)一個(gè)標(biāo)準(zhǔn)接口,如<audio>和<video>標(biāo)記。

除了原先的DOM接口,HTML5增加了更多樣化的API:

實(shí)時(shí)二維繪圖

Canvas API:有關(guān)動(dòng)態(tài)產(chǎn)出與渲染圖形、圖表、圖像和動(dòng)畫的API。

定時(shí)媒體播放

HTML5 音頻與視頻:HTML5里新增的元素,它們?yōu)殚_發(fā)者提供了一套通用的、集成的、腳本式的處理音頻與視頻的API,而無(wú)需安裝任何插件。

離線存儲(chǔ)數(shù)據(jù)庫(kù)(離線網(wǎng)絡(luò)應(yīng)用程序)

編輯

拖放

跨文檔通信

通信/網(wǎng)絡(luò)

Communication APIs:構(gòu)建實(shí)時(shí)和跨源(cross-origin)通信的兩大基礎(chǔ): 跨文檔通信(Cross Document Messaging)與 XMLHttpRequest Level 2。

瀏覽歷史管理

MIME和協(xié)議處理程序時(shí)表頭登記

微數(shù)據(jù)

以上技術(shù)說(shuō)明存在于WHATWG HTML說(shuō)明文檔中,但并沒(méi)有全部包含在W3C HTML5的說(shuō)明文檔里;W3C另對(duì)一些技術(shù)做了單獨(dú)說(shuō)明,此文不再一一贅述。

聽起來(lái)略有些太過(guò)技術(shù)了,那么HTML5對(duì)設(shè)計(jì)將會(huì)有哪些影響呢?這是網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員不厭其煩討論了編程代碼后不得不考慮的問(wèn)題。

HTML5及web app 的優(yōu)勢(shì)

以移動(dòng)互聯(lián)網(wǎng)領(lǐng)域?yàn)槔?,面?duì)眾多的終端設(shè)備和平臺(tái),設(shè)計(jì)師和開發(fā)人員不得不在產(chǎn)品的展現(xiàn)和體驗(yàn)的一致性方面做出妥協(xié)舉措,并在疲于填鋪平臺(tái)的過(guò)程中浪費(fèi)了我們?nèi)绱硕嗟木?。產(chǎn)品本來(lái)可以達(dá)到更高的水準(zhǔn),但移動(dòng)終端碎片化(包括硬件和軟件)的現(xiàn)實(shí)將美好的愿望阻攔在外。

當(dāng)前主流的手機(jī)開發(fā)平臺(tái)有:iOS、Symbian、Linux、Palm、BlackBerry、Windows Mobile、Android等。其中,iOS平臺(tái)需要針對(duì)480*320、960*640及1024*768的分辨率分別設(shè)計(jì);Android平臺(tái)中QVGA分辨率為240*320,WQVGA分辨率為240*400,HVGA分辨率為320*480,WVGA分辨率為480*800,F(xiàn)WVGA分辨率為480*854等等;Symbian系統(tǒng)可謂歷史悠久,現(xiàn)在開發(fā)主要針對(duì)S60 V3和V5兩個(gè)版本,分辨率仍有176*208、208*208、240*320/320*240、352*416/416*352及800*352等眾多種類。即使同一個(gè)平臺(tái),分辨率不同設(shè)計(jì)也就會(huì)有相應(yīng)的差異。加之客戶端產(chǎn)品需要不斷的更新迭代,從1.0版本、2.0版本一直到N.0版本;每開發(fā)一次native app 就需要鋪一次平臺(tái)。并且現(xiàn)實(shí)狀況是并非所有用戶都會(huì)積極更新新版本,所以設(shè)計(jì)師和開發(fā)人員在研發(fā)新功能的時(shí)候還要顧忌之前的舊版本會(huì)不會(huì)支持等問(wèn)題。不同的平臺(tái)乘以不同的版本,人力物力被投入到了鋪設(shè)平臺(tái)的工作中,提高產(chǎn)品用戶體驗(yàn)的精力比較有限。

于是人們受夠了終端設(shè)備碎片化的折磨,開始期盼著一種有別于native app的事物出現(xiàn)。由HTML5技術(shù)開發(fā)的web app的出現(xiàn)給予了設(shè)計(jì)師和開發(fā)人員美好愿景。HTML5技術(shù)的渲染過(guò)程主要是由瀏覽器、內(nèi)嵌HTML5解析器的應(yīng)用程序、支持書簽打開方式的應(yīng)用程序抑或是移動(dòng)手機(jī)產(chǎn)品進(jìn)行的。如此,產(chǎn)品的上線和版本更新不再需要花費(fèi)那么長(zhǎng)時(shí)間來(lái)鋪平臺(tái), Appcelerator的內(nèi)部邏輯會(huì)將產(chǎn)品的UI轉(zhuǎn)換為iOS或Android等平臺(tái)的原生界面。同時(shí),web app形式的產(chǎn)品不需要用戶下載更新,通過(guò)網(wǎng)絡(luò)即可以訪問(wèn)最新版本;也便于設(shè)計(jì)師和開發(fā)人員調(diào)試和修正錯(cuò)誤,不再存在同時(shí)兼顧新舊版本的問(wèn)題。

到此,相信大家對(duì)“HTML5有哪些發(fā)展”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI