什么是h5頁面？首先h5不是一項(xiàng)技術(shù)，而是一個(gè)標(biāo)準(zhǔn)，一個(gè)技術(shù)的集合.其次就要知道什么是HTML語言，它是一種描述性語言，全名“HyperTextMarkupLanguage（超文本標(biāo)記語言）”，我們所

什么是h5頁面？

首先h5不是一項(xiàng)技術(shù)，而是一個(gè)標(biāo)準(zhǔn)，一個(gè)技術(shù)的集合.

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

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

例如:

1. 拖拽釋放，自定義屬性，語義化更好的內(nèi)容標(biāo)簽，音頻 ，視頻(audio， video) ，畫布Canvas， 地理(Geolocation) API， 本地離線存儲(chǔ).

然而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 可實(shí)現(xiàn)動(dòng)畫

8. 自定義動(dòng)畫 animate @keyfrom

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

10. border-image

11. 2D轉(zhuǎn)換transform: translate(x，y) rotate(x，y) skew(x，y) scale(x，y)

12. 3D轉(zhuǎn)換

13. 字體圖標(biāo) font-face

14. 彈性布局flex

更多知識(shí)請(qǐng)關(guān) 注黑馬程序員哦~

制作h5都用什么軟件？

制作H5，一般都是使用在線工具來完成的，現(xiàn)在的工具有很多種，下面我羅列幾個(gè)。

在線工具：

1. 兔展

2. 易企秀

3. MAKA

4.百度H5

5. iH5

除了直接制作H5，我們還可以把PPT轉(zhuǎn)換為H5，這前提當(dāng)然是制作適合轉(zhuǎn)換成H5的PPT，PP匠就是一個(gè)比較熱門的在線工具。

當(dāng)然，除了在線工具外，還可以利用本地軟件，這方面的選擇大概比較少，我推薦一個(gè)，炫課，它分為基礎(chǔ)版和專業(yè)版，安裝時(shí)可自行選擇安裝的類型，基礎(chǔ)版可以對(duì)PPT進(jìn)行轉(zhuǎn)換，專業(yè)版則可進(jìn)行更多的操作。