“我要學習H5！”“是HTML5嗎？”“不是，是H5”“？？？”
有些人總是搞不清楚H5和HTML5到底有什麼區別，甚至有的時候總會有一些回答弄得人哭笑不得？
“H5不就是HTML5嗎？！”，不，H5不=HTML5；
H5 是一個產品名詞；
HTML5是一個技術名詞；
什麼是HTML？
HTML一種用來製作超文字文件的簡單標記語言，用其編寫的文件通常字尾為html；HTML的作用就是用來展示頁面的屬性，如頁面背景、頁面內容等；
（超文字：不僅可以新增圖片、音訊、視訊、多媒體等，還可以從一個檔案轉到另外一個檔案。）
HTML5、HTML的區別是什麼？
HTML5最先由WHATWG(Web 超文字應用技術工作組)命名的一種超文字標記語言，隨後和W3C的xhtml2.0(標準)相結合，產生最新一代的超文字標記語言；
他結合了HTML、XML、XHTML幾種語言，化繁為簡，避免一系列的不必要複雜設計，且向下相容，允許存在不嚴謹的語句寫法。
可以簡單點理解成：HTML 5 ≈ HTML+CSS 3+JS+API
在文件型別宣告上
html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
html5:<!doctype html>
由這兩者對比，在文件宣告上，HTML有很長的一段程式碼，並且很難記住這段程式碼，想必很多人都是靠工具直接生成的吧！而HTML5卻是不同，只有簡簡單單的宣告，這也方便人們的記憶。
在結構語義上
HTML：沒有體現結構語義化的標籤，我們通常都是<div id="header"></div>這樣來表示網站的頭部；
HTML5：在語義上卻有很大的優勢，提供了一些新的標籤；<header><article><footer><canvas>...；
加群957389100，一起交流學習聊天吹P，會有各種整理的乾貨；從最基礎的HTML+CSS+JavaScript到移動端HTML5到各種框架都有整理，送給每一位前端小夥伴，Web前端學習群957389100，這裡是小白聚集地，歡迎初學和進階中的小夥伴；
H5指的不是HTML5，而是看上去酷炫能夠提升公司格調順便亮瞎訪問者氪金狗眼頓升膜拜之心就算沒有內容也能被廣泛轉發分享的一種東西；
H5是所有前端知識的集合，他是一個統稱；
HTML5其實也不是一項技術，而是一個標準；
我們可以按照準則做，甚至可以超出準則更加嚴格的要求自己，也可以不按照準則來，就像IE6一樣；像Chrome這種不僅在很多標準上支援的非常好，還積極上進很多地方超出了標準，支援一些標準中還是草案的部分；所以我們要麼是作為理論派討論HTML5標準，要麼是作為實踐派討論HTML5標準在某瀏覽器的應用；
而實際上我們在說到H5的時候，並不是指標準，也不是指標準的應用，是一個硬生生造出來的奇怪概念合集，他實際上是一個解決方案，一個看起來酷炫網站的解決方案；而這個解決方案不僅包含了HTML5新增的audio標籤、canvas、拖拽特性、本地儲存、websocket通訊，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。
當我們對概念的內涵無法統一的時候，我們在交談時根本不知道彼此之間在談論的是什麼。”H5“本應是一個技術合集，卻被意會成了一項技術，變成可以在質上而不是量上描述的概念；對於營銷來說，我們只要講我們可以做H5或者不能做，這種定性的描述就夠了；但是對於技術上，這是定量的事情，只能在具體某個技術項上是否，無法對這個本不存在的概念說是否；就比如有一個朋友對我說，某某某說自己H5做的還不錯都懂，但是今天我跟他說這個東西的時候他又說不清楚，他也太裝了吧？我只能笑笑和他說，世界這麼大，各種各樣的H5都是有的；
最後…
寫了這麼多大家應該也應該清楚明白瞭解了，網上也挺多個相關問題裡批判H5的叫法，我也只想說：圖樣圖森破，上臺取衣服（各取各的）；
最後，最後，…
什麼是XML？
XML是元標識語言，使用者可以根據自身的需要定義一些標記，擁有非常強的擴充套件性，其語法也比HTML嚴格，而且資料轉換能力強大。它最初設計出來的目的就是為了彌補HTML的不足。雖然它也是一種語言，但是它不具備語言的基本特點——被計算機識別和執行。
什麼是XHTML？
XHTML是2000年W3C公司釋出的，他根本不需要編譯可以直接有瀏覽器執行，屬於瀏覽器解釋語言，應該說是HTML的增強版，他的靈活性和擴充套件性會適應未來網路應用的更多需求。
最後，最後的最後…
會不定期更新各種Web前端的知識，
大家一起成長一起學習，歡迎大家加群；