HTML5增加了哪些功能？有什么優勢？

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

1、解決了跨瀏覽器問題

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

2、新增了多個新特性

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

● 新的特殊內容元素，比如header、nav、section、article、footer。

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

● 用于繪畫的canvas元素。

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

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

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

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

● 安全機制的設計

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

● 表現和內容分離

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

4. 化繁為簡的優勢

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

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

● 新的簡化的DOCTYPE;

● 簡單而強大的HTML5 API;

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

喜歡記得關注一下哦。

TML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。

繪畫 canvas：用于媒介回放的 video 和 audio 元素;

本地離線存儲： localStorage 長期存儲數據，瀏覽器關閉后數據不丟失;sessionStorage 的數據在瀏覽器關閉后自動刪除;

語意化更好的內容元素：比如 article、footer、header、nav、section;

表單控件：calendar、date、time、email、url、search;

新的技術：webworker, websocket, Geolocation;

兼容處理：

支持HTML5新標簽：

IE8/IE7/IE6支持通過document.createElement方法產生的標簽，可以利用這一特性讓這些瀏覽器支持HTML5新標簽。瀏覽器支持新標簽后，還需要添加標簽默認的樣式。當然也可以直接使用成熟的框架、比如html5shiv;

 <!--[if lt IE 9]>
 <script> src="https://cdn.bootcss.com/html5shiv/r29/html5.js"</script>
 <![endif]-->

* 如何區分HTML5：看這里

編程中，語義指的是一段代碼的含義，這個HTML元素有什么作用，扮演了什么樣的角色。簡單的概括為：在適當的位置使用適當的標簽,用正確的標簽做正確的事情

Html5有哪些新特性？

1.拖拽釋放(Draganddrop)API

2.語義化更好的內容標簽(header,nav,footer,aside,article,section，main)

3.音頻、視頻API(audio,video)

4.畫布(Canvas)API

5.地理(Gealocation)API

6.本地離線存儲localStorage長期存儲數據,瀏覽器關閉后數據不丟失;

7.sessionStorage的數據在瀏覽器關閉后自動刪除

8.表單控件,calendar、date、time、email、url、search

9.新的技術webworker,websocket,Geolocation

開課吧廣場-人才學習交流平臺

在線咨詢

上一篇：為HTML頁面添加視頻、音頻的方法-零基礎自學網頁制作
下一篇：國民老公力薦《思聰的日子》,思聰帶你當紅人!

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML5增加了哪些功能？有什么優勢？

Html5有哪些新特性？

您的項目需求