景

作為程序員經常會被業務人員問一些技術相關的熱門詞，比如：“H5頁面是什么？” ， 我的回答是：“符合 HTML5 標準實現的頁面，大家為了方便，簡稱 H5“。 真的是這樣的嗎？ 當連續有人問相關的問題，并詳細了解一些業務以后，慢慢的發現 H5 已經不單單是一個技術相關的詞。

之前被我們產品人員也問到一個類似的問題：“怎么通過技術手段來判斷一個網站是H5的頁面，還是普通頁面？”，聽到這個問題我懵了，按照我前面的解釋 “符合 HTML5 標準實現的頁面就是 H5頁面”，那當前互聯網上看到的網站基本上都在采用了 HTML5 標準。詳細了解業務以后才知道，他的要求是把微信里面那種好友之間，或者朋友圈分享的那種帶有主題性質的宣傳頁面（實在是不知道怎么描述）和我們平時電腦上訪問的頁面通過技術區分識別出來。這個功能能不能實現，具體怎么實現這里不討論，但是可以看出在業務人員和一些客戶眼里，在微信上分享的那種炫酷的頁面就是H5頁面。 那這里的 H5 還是 HTML5 嗎？ 從這種應用上來說已經不是了。

另外一個案例，被一個剛開始學習前端的學生問到一個問題：“React 制作的頁面都是 SPA（single page web application，單頁應用程序） 的，那 HTML5 可以實現 SPA 嗎？”，當被問到這個問題的時候我一下子也不知道怎么回答，只是讓他先去學習一下 HTML5 ，以及 SPA 到底是什么？要搞清楚。 HTML是超文本標記語言，是一種規范，一種標準，“5” 是HTML第五次重大修改，可以理解為第五個版本，包含了很多功能特性。 SPA 是通過 HTML 與 Javscript 實現的單頁應用程序，就是在一個頁面上展示所有數據，通過 Javascript 去動態更新程序。所以 SPA 的實現和是不是 HTML5 沒有大的關系。這位同學問出這樣的問題，我的猜想是這樣的，我們在前面提到的那種在微信上分享的那種頁面大多數都是一個單頁面，然后通過手指向下滾動來瀏覽一張張炫酷的動畫。導致他認為這樣的頁面就是所謂的 SPA 頁面，再加上多數人都認為這種頁面都 HTML5 實現的頁面，所有他才會問出 HTML5 和 SPA 扯在一起。

我相信現在大多數人認為的 H5 頁面，就是在手機微信分享的那種炫酷的網頁。 HTML5，作為技術人員都知道是一種標準，一種規范。

H5 這個詞的由來？

如果 H5 不等于 HTML5 了，那 H5 到底是什么呢？ 維基百科沒有定義，百度百科也沒有定義，知乎上也沒有人說清楚。沒有一個標準的定義，只在大家口口相傳，出現各種理解扭曲。H5 真的是一個詭異的詞。

出現現在這樣個狀況，我的猜想是這樣的，HTML5 在 2013 年左右就發布，在 2014 年底宣布標準制定完成，但是市面的瀏覽器的支持主要還是在手機上，電腦上主要有 IE 的存在導致標準普及緩慢，所以開始有開發者在手機上做很多酷炫的頁面，當這些酷炫的效果在業務人員看到了以后，開始加以有效的利用，特別是在活動宣傳和廣告方面，為了宣傳業務人員會問技術人員：“這種炫酷的效果是怎么實現的？”，技術人員說:“我用的是HTML5的技術”。業務人員的宣傳營銷能力那是相當厲害，在客戶面前大量的宣傳：“我們用到了一個牛逼技術，讓你的手機網頁非常炫酷好看”，慢慢的客戶都知道了有一種技術可以把頁面在手機上做的非常好看，非常炫酷，然后客戶又開始對其他人說：“我們的這個網頁用了現在最新的技術，叫什么什么5頁面，對H5頁面”。然后客戶之間口口相傳，當以后遇到同樣的業務需求的時候，找另外一家供應商說：“我要一個H5頁面，要長的類似什么..一樣的網頁”，然后這一家做網站的公司開始也把這種網站也開始叫著H5頁面。最后鋪天蓋地的“H5頁面”就出來了。（這里只是我的一個猜想，具體是什么個情況還有待驗證）

隨后，在一些招聘崗位出現了“H5開發工程師”。

書籍出現了 《H5營銷…》。

社會上的培訓機構出現了H5技術培訓，“0基礎學習H5…”，“H5速成班”。

出現了很多專門做H5網站的公司，就連百度都有一個叫做 “百度H5”的產品。

這是一種健康的現象嗎？

我開始有點好奇那些培訓機構和相關書籍是怎么定義 H5 這個詞的。

移動營銷頁面

值得高興的一件事情是，由于市場業務的推動，讓移動互聯網等到了快速的發展。甚至提高了前端開發在市場中的主要性。但是，還是存在一些問題。

• 培訓機構宣傳的那種 “0基礎120天速成H5工程師” … ，學員學習的應該還是的前端知識，所以這里的 H5 應該是 HTML5 標準相關體系的技術棧的培訓。市場業務把一個以活動推廣（營銷）為導向的手機上炫酷的頁面理解為 H5 頁面。這是存在一個信息不對稱的問題，這個問題也經常讓技術人員與業務人員難以溝通。

• 用詞不嚴謹，在國內沒有一家機構對 “H5”這個詞有合理的解釋，估計也是不好解釋。像百度這樣的 H5 產品，感覺他們把 H5 理解為創意，還有人理解為微場景，還有人理解為手機上的PPT。

• 把 HTML5 理解為一種技術也是不合理的，它應該是一種規范，一種標準（多次強調）。

• 如果 HTML6 標準發布以后怎么辦？ 是不是這些所有的名稱需要換一遍，“H5網站”，“H6開發工程師”，“H6營銷寶典”，“請問你們公司做H6嗎？” …

回頭我們再來看一下，我們看到的那些手機炫酷的網站真的全是 HTML5 新特征實現的嗎？不一定。那是不是只用 HTML5 的新特性就能夠寫出這樣的網站呢？不一定，它有時候還需要CSS3 做動畫，用JavaScript去控制行為 。

在 2012 左右，那時候還沒有發布 HTML5，不過看到了移動互聯網的苗頭，我和朋友一起開始做手機建站，主要面向一些中小型企業，客戶的需求很簡單，就是通過手機可以打開自己的官方網站，同時可以把網站上的產品隨時隨地分享給他們的客戶看（這種需求后來被響應式相關技術滿足了）。那時候人們理解這種網站就是手機網站。到現在客戶需求還是很明確，就是需要在手機上做一些博取眼球的營銷頁面，通常都是一些活動頁面。在國際上有個詞叫做 Minisite ，它的解釋是：“知名企業為了配合企業的市場運作活動，會推出一些小型網站也就是MiniSite進行線上營銷”。所以我認為當前市場上客戶所說的 H5 頁面，應該是一種移動端的 MiniSite (Mobile MiniSite)。或者把它叫做 “移動營銷頁面”，簡稱 MMP (Mobile Marketing Page) 。

結束

不過 H5 這個詞已經很難改掉了，如果我現在繼續給客戶說，H5 是符合 HTML5 的簡稱，HTML5 是一種標準，一種規范，那我們討論的東西肯定不是同一個東西。

但是我希望，作為開發者，在一些技術解釋上不應該誤導業務人員。作為業務人員，在對外宣傳的時候也不應該誤導客戶。命名這種事情我們應該嚴謹。

本文摘自：HYPERS前端團隊博客

著互聯網技術的飛速發展，時下前端開發領域最熱的話題當屬HTML5，HTML5從根本上改變了開發者開發web和應用的方式，從桌面瀏覽器到移動應用，HTML5都已經成為前端開發必不可少的語言，HTML5現在的火熱程度都已經超過了以前的HTML，那么HTML5與HTML之間的區別有哪些呢?今天HTML5培訓專家就來為大家比較一下這兩者之間的區別。

1、各個瀏覽器對HTML5的渲染或支持程度不同，但對HTML的支持或渲染已經很穩定。

2、HTML5正在發展，相當于于HTML的升級版本

3、HTML5用戶可以編輯網頁的部分內容。

4、HTML5中元素可以使圖像腳本更靈活。

5、HTML5中新的API讓頁面程序開發更簡單。

6、HTML5改進頁面表單操作。

7、HTML5新增加了很多新的標簽，如footer等。

隨著移動互聯網的快速發展，以及智能化技術的快速發展，如果沒有一技之長遲早會被社會所淘汰。如果你現在還在迷茫，不知道學習什么技術，那么不妨來渥瑞達學習HTML5開發，煉就一身真本領，從此讓就業不再難。