H5本指第5代html標準規範，但因為html5規則對影片音訊和觸屏互動等事件的支援遠超前代，因此H5逐漸演變成一種可以在移動端展示的動態頁面。如今所說的H5和html5已經有了很大的區別。

簡單點說，H5是一系列製作網頁互動效果的技術集合，即H5就是移動端的web頁面。

H5是一個網頁，就像一個很大的容器，裡面可以放文字、圖片、音影片等基本的流媒體格式的檔案。

關注優就業，學習更多IT知識。

H5頁面是指使用了W3C HTML5標準的來編寫的HTML網頁。HTML（Hyper Text Markup Language 超文字標記語言 ）是目前網頁開發主流使用的標記語言，最初是隨著WWW（World Wide Web 全球資訊網）一起誕生的。之間一共經歷了5個版本的迭代，其中時間最長的版本就是第4版和現在主流的第5版。

HTML4雖然在1997年被定為W3C標準，但是還是有很多的不足，無論是對瀏覽器的相容而帶來的不足，還是因為當時瀏覽器技術和計算機運算能力限制而帶來的不足，HTML5很早就開始被多家公司提上議程。因為最初W3C希望透過改良XML來替換當時的標準HTML4，所以對於當時還被稱為WHATWG的HTML5並沒有很大的支援。之後2006年W3C才加入制定整個標準，因為標準制定過程中的各方利益，所以HTML4和HTML5並存了很長一段時間，直到2012年HTML5標準基本確定之前，網站還是會透過Doctype來區分是HTML4還是已經支援HTML5，也就是這個時候出現了HTML5網頁的說法，理論上都是HTML寫的網頁只是支援的版本不同。

現在基本上透過HTML編寫的網頁都屬於HTML5標準下的。不過因為這個歷史原因，HTML5的網頁相比較於HTML4的網頁使用者體驗上會有幾個區別：

表單會更智慧，例如糾錯、區分數字等；支援動畫或者動效更多一些；支援部分硬體功能，例如地理位置；支援多媒體播放，無需第三方外掛；

因為這些區別，有這些特徵的網頁往往會被人稱為H5頁面，也就是HTML5編寫的頁面的簡稱。所以這個習慣沿用到現在的話，很多動畫或者動效做的非常好市場營銷類網頁、一些簡單的網頁端小遊戲都會被直接稱為H5網頁或者H5小遊戲。

如果要做監測區分的話，那首先要定義普通頁面是指不包括哪些元素，要不現在95%以上的網頁都是H5頁面，如果只是普通透過Doctype判斷的話。

首先h5不是一項技術,而是一個標準,一個技術的集合.

其次就要知道什麼是HTML語言，

它是一種描述性語言，全名“HyperTextMarkupLanguage（超文字標記語言）”，我們所使用的頁面就是用html語言語言製作的。而h5就是HTML的第5個版本, 而在這個版本中自增了許多特性,

例如:

1. 拖拽釋放,自定義屬性,語義化更好的內容標籤,音訊 ,影片(audio, video) ,畫布Canvas, 地理(Geolocation) API, 本地離線儲存.

然而h5也有廣義的說法,其中包含新增的c3特性,例如:1. 顏色: 新增RGBA , HSLA模式

2. 文字陰影(text-shadow)

3. 邊框: 圓角(border-radius) 邊框陰影 : box-shadow

4. 盒子模型: box-sizing

5. 背景:background-size background-origin background-clip

6. 漸變: linear-gradient , radial-gradient

7. 過渡 : transition 可實現動畫

8. 自定義動畫 animate @keyfrom

9. 媒體查詢 多欄佈局 @media screen and (width:800px) {…}

10. border-image

11. 2D轉換;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)

12. 3D轉換

13. 字型圖示 font-face

14. 彈性佈局flex

H5是什麼？具體包括哪些內容？

H5本指第5代html標準規範，但因為html5規則對影片音訊和觸屏互動等事件的支援遠超前代，因此H5逐漸演變成一種可以在移動端展示的動態頁面。

現在市面上有很多的第三方H5平臺，比如說人人秀、易企秀、兔展等等，簡化了H5的製作流程，降低了製作難度，普通使用者也可以自己動手製作H5作品。

使用H5有哪些優勢？

•故事性強

H5作品的最根本目的就是向用戶傳遞資訊。比起普通的PPT和影片，H5因為其特效眾多，場景切換方便，所以更加適合故事的講述。一個優秀的故事性H5頁面，通常能夠極大引起使用者的共鳴，達到意想不到的效果。

•參與感強

H5作品與傳統作品最明顯的區別之一就是H5作品中擁有眾多的互動功能。透過這些互動功能，使用者可以深度參與到H5作品中，更為貼切的感受到您想要傳達的資訊，同時也會給使用者留下更深的印象。參與感比較強的作品中最具有代表性的就是各類H5小遊戲，但除小遊戲之外也有許多優秀的作品可以促進使用者的參與。

•活動方式多

H5作品中擁有大量的活動外掛，例如投票、表單、紅包等功能。透過這些外掛，H5能達到其他宣傳途徑遙不可及的宣傳效果。在故事類H5和互動類H5日益頻繁的今天，需要引起使用者的注意必須讓使用者參與進您的運營活動。

•社交性強

我們先來了解下製作小程式的流程步驟：

第三步，開發小程式商城；

可透過SaaS系統製作，不需要懂開發技術，省心省時省力。

第四步，釋出稽核上線，之後就可以運營了。

透過SaaS系統製作小程式的話，市場上有一些成熟穩定的平臺，比如，有贊、微盟、得有店，功能也都能滿足需求。

其中有贊、微盟的價格在7000-20000左右不等，可能對於大多數小成本經營的中小微商戶來說的話，有點承擔不起。得有店是完全免費使用的，系統裡還提供了近200套的小程式模板，可以直接套用生成店鋪，可自行修改，比較靈活。還有拼團、分銷、直播、會員卡等營銷工具，可以免費釋出營銷活動。

真的是一個寶藏系統無疑了

我們平時說的 h5 頁面就是指手機瀏覽器的頁面，普通頁面就是PC端瀏覽器的頁面。當時一個地方一個說法，不知道你那兒咋說的。

因為這些區別，有這些特徵的網頁往往會被人稱為H5頁面，也就是HTML5編寫的頁面的簡稱。所以這個習慣沿用到現在的話，很多動畫或者動效做的非常好市場營銷類網頁、一些簡單的網頁端小遊戲都會被直接稱為H5網頁或者H5小遊戲。

如果要做監測區分的話，那首先要定義普通頁面是指不包括哪些元素，要不現在95%以上的網頁都是H5頁面，如果只是普通透過Doctype判斷的話。