整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
人說，H5 是 HTML5 的縮寫，是新技術(shù)。
有人說，H5 是植入在微信內(nèi)的網(wǎng)頁。
有人說，H5 是超級移動 PPT、 APP。
H5不等于HTML5
HTML本來就是一個簡稱，自然第五次規(guī)范的HTML，只能簡稱為HTML5，而HTML是技術(shù)上的一種網(wǎng)頁框架標(biāo)準(zhǔn)，而H5更類似一種產(chǎn)品。
所以我們在談?wù)揌5的時候，實(shí)際上是一個解決方案，一個看起來酷炫的移動端onepage網(wǎng)站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標(biāo)簽，canvas，拖拽特性，本地存儲，websocket通信，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。
H5也不是微信頁面
這一條最好理解，H5內(nèi)容可以在除了微信以外的移動端場景或?yàn)g覽器打開，但是我們做H5頁面的時候，傳播環(huán)境大多建立在微信，大家都誤以為H5是微信的頁面，其實(shí)不然，微信也是集成移動瀏覽器的功能，你打開H5的時候可以查看更多信息發(fā)現(xiàn)H5其實(shí)是站外的鏈接，而非微信。
H5是移動的PPT或者app嗎?
H5確實(shí)能實(shí)現(xiàn)移動幻燈片的功能，但它不僅僅是移動幻燈片，它能實(shí)現(xiàn)的事情遠(yuǎn)比移動幻燈片要多的多! 手機(jī)端的APP在今天當(dāng)然是可以用H5實(shí)現(xiàn)的，但APP還存在原生開發(fā)模式，也就是Native Apps(原生程序)，H5和Web Apps的關(guān)聯(lián)更大，它們是相互包含的關(guān)系，而微信在2016年推出的“小程序”就是一個完全依靠H5來改善現(xiàn)有APP諸多問題的解決方案，“小程序”下的“小應(yīng)用”是一個H5版本的移動 APP，但即使如此，APP與H5 也不可以對等。而網(wǎng)上看到的 "H5APP" 這樣的名詞也更是讓人費(fèi)解，"H5 APP" 并不等于 web APP。
那么H5究竟是什么?
當(dāng)我們對一個概念的內(nèi)涵無法統(tǒng)一的時候，我們根本不知道彼此之間在談?wù)摰氖鞘裁础！盚5“本應(yīng)是一個技術(shù)合集，卻被意會成了一項(xiàng)技術(shù)，變成可以在質(zhì)上而不是量上描述的概念。
作為程序員經(jīng)常會被業(yè)務(wù)人員問一些技術(shù)相關(guān)的熱門詞，比如：“H5頁面是什么？” ， 我的回答是：“符合 HTML5 標(biāo)準(zhǔn)實(shí)現(xiàn)的頁面，大家為了方便，簡稱 H5“。 真的是這樣的嗎？ 當(dāng)連續(xù)有人問相關(guān)的問題，并詳細(xì)了解一些業(yè)務(wù)以后，慢慢的發(fā)現(xiàn) H5 已經(jīng)不單單是一個技術(shù)相關(guān)的詞。
之前被我們產(chǎn)品人員也問到一個類似的問題：“怎么通過技術(shù)手段來判斷一個網(wǎng)站是H5的頁面，還是普通頁面？”，聽到這個問題我懵了，按照我前面的解釋 “符合 HTML5 標(biāo)準(zhǔn)實(shí)現(xiàn)的頁面就是 H5頁面”，那當(dāng)前互聯(lián)網(wǎng)上看到的網(wǎng)站基本上都在采用了 HTML5 標(biāo)準(zhǔn)。詳細(xì)了解業(yè)務(wù)以后才知道，他的要求是把微信里面那種好友之間，或者朋友圈分享的那種帶有主題性質(zhì)的宣傳頁面（實(shí)在是不知道怎么描述）和我們平時電腦上訪問的頁面通過技術(shù)區(qū)分識別出來。這個功能能不能實(shí)現(xiàn)，具體怎么實(shí)現(xiàn)這里不討論，但是可以看出在業(yè)務(wù)人員和一些客戶眼里，在微信上分享的那種炫酷的頁面就是H5頁面。 那這里的 H5 還是 HTML5 嗎？ 從這種應(yīng)用上來說已經(jīng)不是了。
另外一個案例，被一個剛開始學(xué)習(xí)前端的學(xué)生問到一個問題：“React 制作的頁面都是 SPA（single page web application，單頁應(yīng)用程序） 的，那 HTML5 可以實(shí)現(xiàn) SPA 嗎？”，當(dāng)被問到這個問題的時候我一下子也不知道怎么回答，只是讓他先去學(xué)習(xí)一下 HTML5 ，以及 SPA 到底是什么？要搞清楚。 HTML是超文本標(biāo)記語言，是一種規(guī)范，一種標(biāo)準(zhǔn)，“5” 是HTML第五次重大修改，可以理解為第五個版本，包含了很多功能特性。 SPA 是通過 HTML 與 Javscript 實(shí)現(xiàn)的單頁應(yīng)用程序，就是在一個頁面上展示所有數(shù)據(jù)，通過 Javascript 去動態(tài)更新程序。所以 SPA 的實(shí)現(xiàn)和是不是 HTML5 沒有大的關(guān)系。這位同學(xué)問出這樣的問題，我的猜想是這樣的，我們在前面提到的那種在微信上分享的那種頁面大多數(shù)都是一個單頁面，然后通過手指向下滾動來瀏覽一張張炫酷的動畫。導(dǎo)致他認(rèn)為這樣的頁面就是所謂的 SPA 頁面，再加上多數(shù)人都認(rèn)為這種頁面都 HTML5 實(shí)現(xiàn)的頁面，所有他才會問出 HTML5 和 SPA 扯在一起。
我相信現(xiàn)在大多數(shù)人認(rèn)為的 H5 頁面，就是在手機(jī)微信分享的那種炫酷的網(wǎng)頁。 HTML5，作為技術(shù)人員都知道是一種標(biāo)準(zhǔn)，一種規(guī)范。
如果 H5 不等于 HTML5 了，那 H5 到底是什么呢？ 維基百科沒有定義，百度百科也沒有定義，知乎上也沒有人說清楚。沒有一個標(biāo)準(zhǔn)的定義，只在大家口口相傳，出現(xiàn)各種理解扭曲。H5 真的是一個詭異的詞。
出現(xiàn)現(xiàn)在這樣個狀況，我的猜想是這樣的，HTML5 在 2013 年左右就發(fā)布，在 2014 年底宣布標(biāo)準(zhǔn)制定完成，但是市面的瀏覽器的支持主要還是在手機(jī)上，電腦上主要有 IE 的存在導(dǎo)致標(biāo)準(zhǔn)普及緩慢，所以開始有開發(fā)者在手機(jī)上做很多酷炫的頁面，當(dāng)這些酷炫的效果在業(yè)務(wù)人員看到了以后，開始加以有效的利用，特別是在活動宣傳和廣告方面，為了宣傳業(yè)務(wù)人員會問技術(shù)人員：“這種炫酷的效果是怎么實(shí)現(xiàn)的？”，技術(shù)人員說:“我用的是HTML5的技術(shù)”。業(yè)務(wù)人員的宣傳營銷能力那是相當(dāng)厲害，在客戶面前大量的宣傳：“我們用到了一個牛逼技術(shù)，讓你的手機(jī)網(wǎng)頁非常炫酷好看”，慢慢的客戶都知道了有一種技術(shù)可以把頁面在手機(jī)上做的非常好看，非常炫酷，然后客戶又開始對其他人說：“我們的這個網(wǎng)頁用了現(xiàn)在最新的技術(shù)，叫什么什么5頁面，對H5頁面”。然后客戶之間口口相傳，當(dāng)以后遇到同樣的業(yè)務(wù)需求的時候，找另外一家供應(yīng)商說：“我要一個H5頁面，要長的類似什么..一樣的網(wǎng)頁”，然后這一家做網(wǎng)站的公司開始也把這種網(wǎng)站也開始叫著H5頁面。最后鋪天蓋地的“H5頁面”就出來了。（這里只是我的一個猜想，具體是什么個情況還有待驗(yàn)證）
隨后，在一些招聘崗位出現(xiàn)了“H5開發(fā)工程師”。
書籍出現(xiàn)了 《H5營銷…》。
社會上的培訓(xùn)機(jī)構(gòu)出現(xiàn)了H5技術(shù)培訓(xùn)，“0基礎(chǔ)學(xué)習(xí)H5…”，“H5速成班”。
出現(xiàn)了很多專門做H5網(wǎng)站的公司，就連百度都有一個叫做 “百度H5”的產(chǎn)品。
這是一種健康的現(xiàn)象嗎？
我開始有點(diǎn)好奇那些培訓(xùn)機(jī)構(gòu)和相關(guān)書籍是怎么定義 H5 這個詞的。
值得高興的一件事情是，由于市場業(yè)務(wù)的推動，讓移動互聯(lián)網(wǎng)等到了快速的發(fā)展。甚至提高了前端開發(fā)在市場中的主要性。但是，還是存在一些問題。
培訓(xùn)機(jī)構(gòu)宣傳的那種 “0基礎(chǔ)120天速成H5工程師” … ，學(xué)員學(xué)習(xí)的應(yīng)該還是的前端知識，所以這里的 H5 應(yīng)該是 HTML5 標(biāo)準(zhǔn)相關(guān)體系的技術(shù)棧的培訓(xùn)。市場業(yè)務(wù)把一個以活動推廣（營銷）為導(dǎo)向的手機(jī)上炫酷的頁面理解為 H5 頁面。這是存在一個信息不對稱的問題，這個問題也經(jīng)常讓技術(shù)人員與業(yè)務(wù)人員難以溝通。
用詞不嚴(yán)謹(jǐn)，在國內(nèi)沒有一家機(jī)構(gòu)對 “H5”這個詞有合理的解釋，估計(jì)也是不好解釋。像百度這樣的 H5 產(chǎn)品，感覺他們把 H5 理解為創(chuàng)意，還有人理解為微場景，還有人理解為手機(jī)上的PPT。
把 HTML5 理解為一種技術(shù)也是不合理的，它應(yīng)該是一種規(guī)范，一種標(biāo)準(zhǔn)（多次強(qiáng)調(diào)）。
如果 HTML6 標(biāo)準(zhǔn)發(fā)布以后怎么辦？ 是不是這些所有的名稱需要換一遍，“H5網(wǎng)站”，“H6開發(fā)工程師”，“H6營銷寶典”，“請問你們公司做H6嗎？” …
回頭我們再來看一下，我們看到的那些手機(jī)炫酷的網(wǎng)站真的全是 HTML5 新特征實(shí)現(xiàn)的嗎？不一定。那是不是只用 HTML5 的新特性就能夠?qū)懗鲞@樣的網(wǎng)站呢？不一定，它有時候還需要CSS3 做動畫，用JavaScript去控制行為 。
在 2012 左右，那時候還沒有發(fā)布 HTML5，不過看到了移動互聯(lián)網(wǎng)的苗頭，我和朋友一起開始做手機(jī)建站，主要面向一些中小型企業(yè)，客戶的需求很簡單，就是通過手機(jī)可以打開自己的官方網(wǎng)站，同時可以把網(wǎng)站上的產(chǎn)品隨時隨地分享給他們的客戶看（這種需求后來被響應(yīng)式相關(guān)技術(shù)滿足了）。那時候人們理解這種網(wǎng)站就是手機(jī)網(wǎng)站。到現(xiàn)在客戶需求還是很明確，就是需要在手機(jī)上做一些博取眼球的營銷頁面，通常都是一些活動頁面。在國際上有個詞叫做 Minisite ，它的解釋是：“知名企業(yè)為了配合企業(yè)的市場運(yùn)作活動，會推出一些小型網(wǎng)站也就是MiniSite進(jìn)行線上營銷”。所以我認(rèn)為當(dāng)前市場上客戶所說的 H5 頁面，應(yīng)該是一種移動端的 MiniSite (Mobile MiniSite)。或者把它叫做 “移動營銷頁面”，簡稱 MMP (Mobile Marketing Page) 。
不過 H5 這個詞已經(jīng)很難改掉了，如果我現(xiàn)在繼續(xù)給客戶說，H5 是符合 HTML5 的簡稱，HTML5 是一種標(biāo)準(zhǔn)，一種規(guī)范，那我們討論的東西肯定不是同一個東西。
但是我希望，作為開發(fā)者，在一些技術(shù)解釋上不應(yīng)該誤導(dǎo)業(yè)務(wù)人員。作為業(yè)務(wù)人員，在對外宣傳的時候也不應(yīng)該誤導(dǎo)客戶。命名這種事情我們應(yīng)該嚴(yán)謹(jǐn)。
本文摘自：HYPERS前端團(tuán)隊(duì)博客
著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，時下前端開發(fā)領(lǐng)域最熱的話題當(dāng)屬HTML5，HTML5從根本上改變了開發(fā)者開發(fā)web和應(yīng)用的方式，從桌面瀏覽器到移動應(yīng)用，HTML5都已經(jīng)成為前端開發(fā)必不可少的語言，HTML5現(xiàn)在的火熱程度都已經(jīng)超過了以前的HTML，那么HTML5與HTML之間的區(qū)別有哪些呢?今天HTML5培訓(xùn)專家就來為大家比較一下這兩者之間的區(qū)別。
1、各個瀏覽器對HTML5的渲染或支持程度不同，但對HTML的支持或渲染已經(jīng)很穩(wěn)定。
2、HTML5正在發(fā)展，相當(dāng)于于HTML的升級版本
3、HTML5用戶可以編輯網(wǎng)頁的部分內(nèi)容。
4、HTML5中元素可以使圖像腳本更靈活。
5、HTML5中新的API讓頁面程序開發(fā)更簡單。
6、HTML5改進(jìn)頁面表單操作。
7、HTML5新增加了很多新的標(biāo)簽，如footer等。
隨著移動互聯(lián)網(wǎng)的快速發(fā)展，以及智能化技術(shù)的快速發(fā)展，如果沒有一技之長遲早會被社會所淘汰。如果你現(xiàn)在還在迷茫，不知道學(xué)習(xí)什么技術(shù)，那么不妨來渥瑞達(dá)學(xué)習(xí)HTML5開發(fā)，煉就一身真本領(lǐng)，從此讓就業(yè)不再難。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
