什麼是HTML？HTML5是什麼？HTML5有那些優點和特性？

1、什麼是HTML

在瞭解html5以前，首先要說一下html語言，儘管是更新後的5，但不少的地方仍是保留了html的優點。

HTML是HyperText Markup Language超級文本標記語言的縮寫，是標準通用標記語言下的一個應用，也是一種規範，一種標準，它經過標記符號來標記要顯示的網頁中的各個部分。從初版的出現到如今，html已經經歷了5次的改版，從HTML 2.0到HTML 5，html用自身的優點證實了其在網站中的優點，以致於替代了古老的C語言編程來架構部分網站。

HTML有如下特色 ：
一、簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。
二、可擴展性：超級文本標記語言的普遍應用帶來了增強功能，增長標識符等要求，超級文本標記語言採起子類元素的方式，爲系統擴展帶來保證。
三、平臺無關性：雖然我的計算機大行其道，但使用MAC等其餘機器的大有人在，超級文本標記語言可使用在普遍的平臺上，這也是萬維網（WWW）盛行的另外一個緣由。
四、通用性：另外，HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它容許網頁製做人創建文本與圖片相結合的複雜頁面，這些頁面能夠被網上任何其餘人瀏覽到，不管使用的是什麼類型的電腦或瀏覽器。

2、什麼是HTML5

HTML5是HTML（超文本標記語言）的第五次更新的產品，這是一種解釋型的語言，文件的擴展名的後綴爲.htm或者.html的形式，這是衆多廠商聯合開發出來的產品，聽說W3C將會在2022年推出標準版。雖然如今仍處於不斷的完善中，但新增的新特性，新功能，不只能節約Web開發者的時間和週期，還能提高用戶的體驗，更好的爲開發者服務。

在HTML的時代，滿屏的都是div元素，結構混亂，不易閱讀，代碼臃腫。在HTML5中，新增了許多語義化的佈局標籤，好比nav，header，footer，article等，使佈局的網頁結構清晰明瞭。還新增了音頻，視頻，圖像，繪圖，動畫等功能，在之前，這些都是要用flash才能完成的。使用HTML5新增的功能能作出許多酷炫的效果。

3、HTML5特性

一、語義特性(Class：Semantic)

HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

二、本地存儲特性(Class: OFFLINE & STORAGE)

基於HTML5開發的網頁APP擁有更短的啓動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。

三、設備兼容特性 (Class: DEVICE ACCESS)

從Geolocation功能的API文檔公開以來，HTML5爲網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優點。HTML5提供了史無前例的數據與應用接入開放接口。使外部應用能夠直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

四、鏈接特性(Class: CONNECTIVITY)

更有效的鏈接工做效率，使得基於頁面的實時聊天，更快速的網頁遊戲體驗，更優化的在線交流獲得了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性可以幫助咱們實現服務器將數據「推送」到客戶端的功能。

五、網頁多媒體特性(Class: MULTIMEDIA)

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

六、三維、圖形及特效特性(Class: 3D, Graphics & Effects)

基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚歎於在瀏覽器中，所呈現的驚人視覺效果。

七、性能與集成特性(Class: Performance & Integration)

沒有用戶會永遠等待你的Loading——HTML5會經過XMLHttpRequest2等技術，解決之前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工做。

八、CSS3特性(Class: CSS3)

在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之之前的Web排版，Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。

4、HTML5的優點有哪些?

1，跨平臺性

　　在HTML5到來以前，因爲平臺的多樣性，致使每開發一套產品，就要針對不一樣的平臺開發多套版本，耗費大量的時間和精力，並且還增長了大量的開發成本，而HTML5技術的出現卻能很好的解決這個問題，開發者只要使用一套程序，就可以很容易的實現多個平臺的展示功能，下降了開發難度，節約了開發時間和成本的投入。

2，即時更新

以前原生應用上線Appstore，都須要等待很長的審覈時間，一旦出現問題須要更新，則還要從新審覈，無形中浪費了大量的時間。而HTML5是經過瀏覽器進行加載的，因此不存在這樣的問題，若是出現什麼問題，能夠及時的更新上線，不須要等待審覈時間。

3，離線緩存功能
HTML5中最酷的特性就是離線緩存。經過JavaScript提供了數種不一樣的離線儲存功能，相對於傳統的Cookie而言有更好的彈性以及架構，而且能夠儲存更多的內容。它擁有更好的安全和性能，即便瀏覽器關閉後也能夠保存。

4，視頻和音頻的支持

以前在實現播放媒體功能時，一直是開發者比較痛苦的事情，須要讓你的視頻和音頻經過HTML5標籤和來訪問資源。而且爲了它們能正確播放必須賦予一大堆的參數。這樣你就要不斷的重複標籤，你的代碼也會變得十分繁瑣。如今，這一切都將變的很是簡單。

5，清晰的代碼

HTML5可讓你寫出簡單清晰的代碼。使用HTML5你能夠經過使用語義學的HTML header標籤描述內容來最後解決你的div及其class定義問題。讓你的代碼更加清晰易於理解。

六、如今就用HTML5

截至目前而言，主流的網頁瀏覽器Firefox五、Chrome 12和Safari 5都已經支援了許多的HTML5標準，並且目前最新版的IE也支援了許多HTML5標準，隨着使用者陸續升級到新版的瀏覽器，開發者應該在如今就能夠招收開發!兼容性問題會隨着時間的推移而愈來愈少。但對於不得不照顧低版本用戶的網站，網上也有大量的相關解決方案。

上海前端培訓編輯整理,更多前端文章推薦：
《使用html+css+js實現日曆與定時器》；
《Html5前端如何實現文字邊框陰影》；
《實現HTML5 移動頁面自適應手機屏幕的4種方法》