首頁技術(shù)文章正文

HTML5增加了哪些功能?有什么優(yōu)勢?【web前端培訓】

更新時間:2020-04-14 來源:黑馬程序員 瀏覽量:

1586843826312_學IT就到黑馬程序員.gif


從HTML4.0、XHTML到HTML5,從某種意義上講,這是HTML描述性標記語言的一種更加規(guī)范的過程。因此,HTML5并沒有給開發(fā)者帶來多大的沖擊。但HTML5增加了很多非常實用的新功能和新特性,下面具體介紹HTML5的一些優(yōu)勢。

1、 解決了跨瀏覽器問題

在HTML5之前,各大瀏覽器廠商為了爭奪市場占有率,會在各自的瀏覽器中增加各種各樣的功能,并且不具有統(tǒng)一的標準。使用不同的瀏覽器,常??吹讲煌捻撁嫘Ч?。在HTML5中,納入了所有合理的擴展功能,具備良好的跨平臺性能。針對不支持新標簽的老式IE瀏覽器,只需簡單地添加JavaScript代碼就可以使用新的元素。推薦了解黑馬程序員web前端課程。

2、新增了多個新特性

HTML語言從1.0到5.0經(jīng)歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經(jīng)過多年的完善,已經(jīng)發(fā)展成為一種非常重要的標記語言。HTML5新增的特性如下。

● 新的特殊內(nèi)容元素,比如header、nav、section、article、footer。

● 新的表單控件,比如calendar、date、time、email、url、search。

● 用于繪畫的canvas元素。

● 用于媒介回放的video和audio元素。

● 對本地離線存儲的更好支持。

● 地理位置、拖曳、攝像頭等API。

1586843835840_web前端培訓.jpg


3. 用戶優(yōu)先的原則

HTML5標準的制定是以用戶優(yōu)先為原則的,一旦遇到無法解決的沖突時,規(guī)范會把用戶放在第一位。另外,為了增強HTML5的使用體驗,還加強了以下兩方面的設(shè)計。

● 安全機制的設(shè)計

為確保HTML5的安全,在設(shè)計HTML5時做了很多針對安全的設(shè)計。HTML5引入了一種新的基于來源的安全模型,該模型不僅易用,而且對不同的API(Application Programming Interface,應(yīng)用程序編程接口)都通用。使用這個安全模型,不需要借助于任何不安全的hack就能跨域進行安全對話。

● 表現(xiàn)和內(nèi)容分離

表現(xiàn)和內(nèi)容分離是HTML5設(shè)計中的另一個重要內(nèi)容。實際上,表現(xiàn)和內(nèi)容的分離早在HTML4.0中就有設(shè)計,但是分離的并不徹底。為了避免可訪問性差、代碼高復(fù)雜度、文件過大等問題,HTML5規(guī)范中更細致、清晰地分離了表現(xiàn)和內(nèi)容。但是考慮到HTML5的兼容性問題,一些陳舊的表現(xiàn)和內(nèi)容的代碼還是可以兼容使用的。

4. 化繁為簡的優(yōu)勢

作為當下流行的通用標記語言,HTML5盡可能地簡化,嚴格遵循了“簡單至上”的原則,主要體現(xiàn)在這幾個方面:

● 新的簡化的字符集聲明;

● 新的簡化的DOCTYPE;

● 簡單而強大的HTML5 API;

● 以瀏覽器原生能力替代復(fù)雜的JavaScript代碼。 為了實現(xiàn)這些簡化操作,HTML5規(guī)范需要比以前更加細致、精確。為了避免造成誤解,HTML5對每一個細節(jié)都有著非常明確的規(guī)范說明,不允許有任何的歧義和模糊出現(xiàn)。

猜你喜歡:

H5如何嵌入視頻?

分享到:
在線咨詢 我要報名
和我們在線交談!