HTML5是什麼？你真的了解什麼是HTML5嗎？

當今互聯網時代的發展里，Web前端發展已經佔據了很大面積，基於Web前端開發基礎上，HTML5已經迅速崛起。在整個技術領域，HTML5永遠站在第一線直面用戶體驗，已成為當下互聯網行業最緊俏的高端技術崗位。雖然HTML5發展的如火如荼，但很多人對HTML5仍不了解，或者說對HTML5有誤解，認為HTML5就是網頁製作？下面，千鋒武漢HTML5培訓老師詳細解讀HTML5，讓大家真正的了解HTML5到底是什麼！

1、H5不就是網頁製作？

我們需要先了解HTML5。你可能以為它也不過就是一個html4的升級版本？或者你理解為它是完全不同的新版本,因為到處都是宣傳的？起始兩種看法都是部分正確。HTML 5包括許多簡化和附加的網頁標記，所以它稱為升級版本也是可以的。但是，HTML5也可以被認為是很多的技術組合在一起的技術，包括一整套和HTML 5標籤交互的API介面。還有CSS3，給我們的HTML5帶來了非常強大的各種動畫和風格的效果。如果你已經很熟悉原本的html4，那大多數新的標籤會很容易使用。

2、因為Java，H5充滿了能量

雖然我們一聽前端都聽到的總是HTML5, 但真正的大英雄是原生Java和一套很新的介面。這些API包括新的本地存儲(local storage)，流暢的視頻體驗，獲取地理位置信息(Geolocation)，繪製圖形遊戲(canvas)，拖放，還有新產生的多線程。然而提到的這麼多這只是已經命名的一些API而已。

Java其實它是一個複雜和強大的語言。並且現在看來，它也是一個快速發展的語言，在最近的10年中，Java的發展速度得到快100倍的改善（還會得到更多的改善）。所以，如果你想要去使用HTML 5，你就要學會Java。

3、使用是不是就是畫圖

為網頁添加了一個二維的繪圖區域。最簡單的操作，適於創建一個簡單的繪圖程序，可以畫出線，弧，和矩形。但是，如果看一下網路上各種效果的頁面，我們就會發現canvas被用於任何基礎繪圖、製作動畫、遊戲、互動式繪圖應用甚至三維場景。canvas一個挺好玩的實例是視頻處理。我們可以從player取得幀數據然後處理，而後寫入畫布上顯示出來。同樣，我們可以在遊戲中使用一個canvas提供圖像的雙緩衝。

所以，不要輕易的小看canvas，它是HTML 5一個強大的新功能，可以用於各種圖形應用, 在現代的瀏覽器中的JavaScrip的性能提升也足以應付圖像和視頻處理需求。

4、HTML5視頻編碼

在拋棄flash以後，現在只需要在頁面中添加一個元素,就可以很方便地在網頁上播放視頻，並且不需要其它插件。但是我們該引入什麼樣的視頻格式呢，說到視頻格式，現在html5支持三種格式:WebM，MP4，以及Ogg，而具體使用哪一種，就可以參考客戶使用的瀏覽器。如果你的用戶集中在某個平台上，那就非常的容易了。打個比方，針對iPhone用戶，那就只需要提供MP4格式就可以了。如果你想支持所有流行的瀏覽器，那麼我們就可以提供所有三種格式的內容。

5、 CSS3的動畫效果

通過CSS3，我們可以輕鬆實現以前只能通過Java實現的網頁效果。

比如說，當滑鼠划過時，要求圖片進行淡出淡出，在之前我們需要寫出複雜的Java代碼或者使用一個UI庫。而通過CSS3,你就不再需要寫代碼了。

transform(轉換) 和 Transition(過渡)是CSS3中的新特性，我們能通過它們寫出有趣的動畫效果。比如我們可以使用元件不透明性(opacity)的過渡(transition)實現淡化的效果。還可以通過transform函數實現多個元件的旋轉和縮放。組合起來就可以創造出很酷的動畫效果。

6、那我該不該使用html5

在你的工作中看，如果你的用戶使用移動設備（當然，移動設備普及的這麼迅速），你就應該考慮去使用HTML5。HTML5瀏覽器現在已經是在大量的智能手機和平板上很普遍了。

HTML5已經是這個時代的選擇，加入HTML5的大軍吧，讓HTML5來點亮你的高薪人生！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！