H5 是 HTML5 嗎？

背景

做爲程序員常常會被業務人員問一些技術相關的熱門詞，好比：「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 是一種標準，一種規範，那咱們討論的東西確定不是同一個東西。

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

• HTML5 頁面，是按照 HTML5 規範實現的頁面，其中用到了許多新的特性。
• H5，是HTML標籤中的 標題標籤，表明五級標籤。

本文做者：郭小銘