深入了解HTML5

今天小編給大家分享的是關(guān)于HTML5知識(shí)的詳細(xì)介紹，很多人對(duì)于HTML5一知半解，為了讓大家更加了解，給大家總結(jié)了以下內(nèi)容，話不多說(shuō)，一起往下看吧。

HTML5概念

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，現(xiàn)在仍處于發(fā)展階段，但大部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。HTML 5有兩大特點(diǎn)：首先，強(qiáng)化了 Web 網(wǎng)頁(yè)的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少瀏覽器對(duì)于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)。

現(xiàn)狀

現(xiàn)在的互聯(lián)網(wǎng)圈開(kāi)口閉口就談H5，朋友圈里被廣泛轉(zhuǎn)發(fā)的是H5，各種招聘要求精通H5，隨著市場(chǎng)需求量，出現(xiàn)了H5工程師職位，隨即涌現(xiàn)出一大批H5工程師，H5的字眼甚至出現(xiàn)在設(shè)計(jì)師的簡(jiǎn)歷中。仿佛手機(jī)端的html布局就叫做H5。

絕大多數(shù)人口中的H5到底是什么？

2015堪稱(chēng)H5元年，各大企業(yè)、品牌都紛紛把目光投向了HTML5，一夜間各式各樣的H5如雨后春筍般冒出，創(chuàng)意、招式層出不窮。然而辛辛苦苦做了一年H5，成品很多，真正能火的卻沒(méi)有幾個(gè)。這不禁讓許多品牌方陷入深思：到底怎樣才能把一個(gè)H5玩到極致，達(dá)到有效的傳播效果？
實(shí)際上，一個(gè)成功的H5營(yíng)銷(xiāo)必須具備三個(gè)因素：洞察人性、高可玩性、品牌巧露出。近日，一個(gè)刷爆朋友圈的“全球爆猛料”H5游戲正是完全符合了以上三點(diǎn)，一夜成“網(wǎng)紅”。
如果用五個(gè)詞語(yǔ)形容當(dāng)今網(wǎng)友的特性，那就是：趣味、炫耀、參與感、好玩、跟風(fēng)。只有深諳人性，對(duì)癥下藥，才能做出讓用戶(hù)自主愿意二次傳播的H5。

所以，綜上所述，人們口中的H5指的不是HTML5，而是**某種在微信****等移動(dòng)端看上去酷炫能****夠提升公司格調(diào)順便亮瞎訪問(wèn)者鈦合金狗眼頓升膜拜之心****就算沒(méi)有內(nèi)容也能被廣泛轉(zhuǎn)發(fā)分享的一種東西。是營(yíng)銷(xiāo)概念中的H5.

我（前端開(kāi)發(fā)人員）眼里的H5

目標(biāo)：

HTML5的目標(biāo)是為了能夠創(chuàng)建更簡(jiǎn)單的Web程序，書(shū)寫(xiě)出更簡(jiǎn)潔的HTML代碼。例如：為了使Web應(yīng)用程序的開(kāi)發(fā)變得更加容易，提供了很多的API；為了使HTMl變得更簡(jiǎn)潔，開(kāi)發(fā)出了新的屬性、元素等等。總體來(lái)說(shuō)，為下一代Web平臺(tái)提供了許許多多的新功能以及新標(biāo)準(zhǔn)。

HTML5深受歡迎的理由

H5被說(shuō)成是劃時(shí)代也好，具有革命性也好，如果不能被業(yè)界承認(rèn)并且大面積的推廣使用，這些都是沒(méi)有意義的。事實(shí)上，H5已經(jīng)被世界知名瀏覽器廠商所支持。

1、時(shí)代的要求。

現(xiàn)在的時(shí)代已經(jīng)迫切的要求有一個(gè)統(tǒng)一的互聯(lián)網(wǎng)通用標(biāo)準(zhǔn)。H5出現(xiàn)之前的情況是，由于各瀏覽器之間的不同意，光是修改Web瀏覽器之間的兼容性而引起的bug就浪費(fèi)了大量的時(shí)間。而H5得出現(xiàn)使得Web開(kāi)發(fā)進(jìn)入一個(gè)新的時(shí)代，在這個(gè)平臺(tái)上，視頻、音頻、圖像、動(dòng)畫(huà)、以及同電腦的交互都被標(biāo)準(zhǔn)化。

2、IE8的支持。

IE對(duì)于web開(kāi)發(fā)者的意義，大家都懂的?，F(xiàn)在市場(chǎng)份額最高的IE瀏覽器也在針對(duì)H他做出積極對(duì)應(yīng)，微軟也對(duì)新的互聯(lián)網(wǎng)通用標(biāo)準(zhǔn)表示了贊同和支持。例如：
h6中代替cookie的sessionStorage功能與globalStorage功能在ie8得到了支持，使用ajax時(shí)如果點(diǎn)擊返回按鈕也可以真正讓操作返回了。

H5要解決的三個(gè)問(wèn)題

1、web瀏覽器之間的差異和兼容性。
2、舊的標(biāo)準(zhǔn)文檔結(jié)構(gòu)不夠明確。
3、web應(yīng)用程序的功能收到了限制。

H5新標(biāo)準(zhǔn)知識(shí)點(diǎn)羅列

1、新增元素/屬性廢除元素/屬性、布局結(jié)構(gòu)。
2、原生表單驗(yàn)證
3、canvas繪制圖形（多用于數(shù)據(jù)可視化）
4、多媒體相關(guān)API（video、audio）
5、History Api歷史記錄（用于前端路由管理）
6、本地存儲(chǔ)（web storage、indexedDb數(shù)據(jù)庫(kù)）
7、離線應(yīng)用程序（瀏覽器與服務(wù)器交互）
8、文件API（filelist對(duì)象、blob對(duì)象、filereader對(duì)象、Base64編碼支持）
9、通信API（跨文檔消息傳輸、webSockets通信）
10、WebRtc通信（瀏覽器檢測(cè)、P2P通信、穿越防火墻、多人通信等）
11、拓展的XMLHttpRequest Api（跨域）
12、Web Workers線程處理
13、獲取地理位置
14、拖放API與通知API
等等

以上就是HTML5知識(shí)的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊！