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

什么是h5頁(yè)面？

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

其次就要知道什么是HTML語(yǔ)言，

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

例如:

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

然而h5也有廣義的說(shuō)法，其中包含新增的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. 過(guò)渡 : transition 可實(shí)現(xiàn)動(dòng)畫(huà)

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

9. 媒體查詢(xún) 多欄布局 @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) 注黑馬程序員哦~

女生學(xué)HTML5有何發(fā)展前途？

對(duì)于女生來(lái)說(shuō)，學(xué)習(xí)H5是比較多！學(xué)習(xí)H5肯定走的是前端方向，對(duì)于前端是需要一些美工或者設(shè)計(jì)或者PS的天賦，而然女生來(lái)說(shuō)愛(ài)美，細(xì)心，想法多這也算一個(gè)天然的優(yōu)勢(shì)！

當(dāng)然不能只學(xué)習(xí)H5，要做一個(gè)很好的頁(yè)面是需要很多知識(shí)配合的！包括CSS3和原生js。這三個(gè)是基本框架。如果把前端頁(yè)面比做一個(gè)人的話，那么H5就是這個(gè)人的骨骼，它搭起了整個(gè)人體框架！CSS就是給這個(gè)人體框架增加肌肉，穿上衣服，用來(lái)打扮，修飾！而js就是讓這個(gè)人動(dòng)起來(lái)有生命，能和用戶(hù)進(jìn)行交互！這樣就算完成了一個(gè)有靈魂的網(wǎng)頁(yè)！

當(dāng)然以上三種只是基本知識(shí)，除此之外，要想讓制作網(wǎng)頁(yè)更簡(jiǎn)潔，更好看，還得學(xué)習(xí)一些化妝術(shù)，組合術(shù)！在給這個(gè)人增加一些性格！這時(shí)候就要學(xué)習(xí)bootstrap，jquery，vue，node.js等知識(shí)！要是這些都掌握了，日常工作就沒(méi)有什么大問(wèn)題了！不過(guò)不同企業(yè)有不同的要求，工作中還得學(xué)習(xí)！

編程小白，如何區(qū)分HTML5開(kāi)發(fā)和前端開(kāi)發(fā)？

Html5是前端開(kāi)發(fā)的基本技術(shù)之一，目前如果只掌握Html5開(kāi)發(fā)能夠從事的開(kāi)發(fā)內(nèi)容是非常有限的，但是對(duì)于初學(xué)者來(lái)說(shuō)，完全可以從Html5開(kāi)始學(xué)起。

Html5是前端開(kāi)發(fā)的基礎(chǔ)，不論是從事Web前端開(kāi)發(fā)還是移動(dòng)端開(kāi)發(fā)，都需要首先掌握Html5技術(shù)，由于Html5技術(shù)比較簡(jiǎn)單易學(xué)，所以即使沒(méi)有任何編程基礎(chǔ)的人，學(xué)習(xí)Html5也相對(duì)比較容易。Html5技術(shù)本身主要用于構(gòu)建靜態(tài)的頁(yè)面，如果要構(gòu)建動(dòng)態(tài)頁(yè)面則需要結(jié)合JavaScript等技術(shù)，如果做一個(gè)簡(jiǎn)單的靜態(tài)呈現(xiàn)頁(yè)面，就可以采用Html5技術(shù)。

前端開(kāi)發(fā)目前主要的技術(shù)組成包括Html5、CSS、JavaScript以及一系列前端框架技術(shù)，在大前端概念的驅(qū)動(dòng)下，目前的移動(dòng)端開(kāi)發(fā)，包括iOS開(kāi)發(fā)、Android開(kāi)發(fā)和各種小程序開(kāi)發(fā)也開(kāi)始逐漸并入到前端開(kāi)發(fā)技術(shù)體系中。另外，隨著云計(jì)算技術(shù)的發(fā)展，目前前端開(kāi)發(fā)的功能邊界也得到了一定程度的拓展，前端程序員也可以完成一部分后端開(kāi)發(fā)任務(wù)。所以，從未來(lái)發(fā)展的前景來(lái)看，前端程序員全?；彩且粋€(gè)比較明顯的發(fā)展趨勢(shì)。

對(duì)于要從事前端開(kāi)發(fā)的初學(xué)者來(lái)說(shuō)，要想提升自身的崗位競(jìng)爭(zhēng)力，需要做好三件事，其一是豐富自身的知識(shí)結(jié)構(gòu)，盡量掌握全面的前端開(kāi)發(fā)技術(shù)，包括Web前端開(kāi)發(fā)和移動(dòng)端開(kāi)發(fā)；其二是提升自身的動(dòng)手實(shí)踐能力，多做實(shí)驗(yàn)，尤其是綜合性實(shí)驗(yàn)；其三是積累一些行業(yè)開(kāi)發(fā)案例，尤其是移動(dòng)端的場(chǎng)景開(kāi)發(fā)案例。

我從事互聯(lián)網(wǎng)行業(yè)多年，目前也在帶計(jì)算機(jī)專(zhuān)業(yè)的研究生，主要的研究方向集中在大數(shù)據(jù)和人工智能領(lǐng)域，我會(huì)陸續(xù)寫(xiě)一些關(guān)于互聯(lián)網(wǎng)技術(shù)方面的文章，感興趣的朋友可以關(guān)注我，相信一定會(huì)有所收獲。

如果有互聯(lián)網(wǎng)、大數(shù)據(jù)、人工智能等方面的問(wèn)題，或者是考研方面的問(wèn)題，都可以在評(píng)論區(qū)留言！