HTML5是什么，HTML5有哪些特性和優(yōu)缺點(diǎn)？

2020-03-24 16:12:50

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

最近HTML5非常的火，可能有些朋友不知道HTML5是什么，這篇文章會為大家詳細(xì)的介紹HTML5的一些特性和優(yōu)缺點(diǎn)。

什么是 HTML5?

HTML5 是下一代 HTML 標(biāo)準(zhǔn)。

HTML , HTML 4.01的上一個版本誕生于 1999 年。自從那以后，Web 世界已經(jīng)經(jīng)歷了巨變。

HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。

HTML5是HTML最新的修訂版本，2014年10月由萬維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。

HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。

HTML5 簡單易學(xué)。

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

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

1.網(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)。

2.多設(shè)備跨平臺

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

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

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

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

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

4.即時更新

游戲客戶端每次都要更新，很麻煩。可是更新HTML5游戲就好像更新頁面一樣，是馬上的、即時的更新。

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

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

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

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

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

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

6、將被大量應(yīng)用于移動html' target='_blank'>應(yīng)用程序和游戲；

7、可移植性好。

缺點(diǎn)：

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

HTML的特性：

1.語義特性（Class：Semantic）

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

2.本地存儲特性（Class: OFFLINE STORAGE）

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

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

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

4.連接特性（Class: CONNECTIVITY）

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

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

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

6.三維、圖形及特效特性（Class: 3D, Graphics Effects）

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

7.性能與集成特性（Class: Performance Integration）

沒有用戶會永遠(yuǎn)等待你的Loading——HTML5會通過XMLHttpRequest2等技術(shù)，解決以前的跨域等問題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

HTML5 中的一些有趣的新特性：

用于繪畫的 canvas 元素

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

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

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

新的表單控件，比如 calendar、date、time、email、url、search