h5和web有什么區(qū)別？首先，厘清概念，就容易理解了。web是指網(wǎng)絡(luò)的前端接口，即在Internet上可見的網(wǎng)站接口和手機(jī)接口。事實(shí)上，網(wǎng)絡(luò)并不是這個意思。后面我們將詳細(xì)介紹如果要開發(fā)前端接口，需要使

h5和web有什么區(qū)別？

首先，厘清概念，就容易理解了。

web是指網(wǎng)絡(luò)的前端接口，即在Internet上可見的網(wǎng)站接口和手機(jī)接口。事實(shí)上，網(wǎng)絡(luò)并不是這個意思。后面我們將詳細(xì)介紹如果要開發(fā)前端接口，需要使用前端接口開發(fā)語言。HTML、CSS和JavaScript是前端開發(fā)語言。H5是html5.0的全稱，是HTML開發(fā)語言的第五個版本?，F(xiàn)在很多人把H5語言開發(fā)的網(wǎng)頁稱為H5，這是一個不成文的慣例。本質(zhì)上，H5制作的網(wǎng)頁也是一個前端界面。

Web（World Wide Web）又稱萬維網(wǎng)，是一種基于超文本和HTTP的全球性、動態(tài)交互、跨平臺的分布式圖形信息系統(tǒng)。它是一種基于Internet的網(wǎng)絡(luò)服務(wù)，為用戶在Internet上搜索和瀏覽信息提供了一個圖形化、易于訪問的直觀界面。其中的文檔和超鏈接將Internet上的信息節(jié)點(diǎn)組織成一個互聯(lián)的網(wǎng)絡(luò)結(jié)構(gòu)。

HTML5是web中核心語言HTML的規(guī)范。HTML5在之前的html4.0基礎(chǔ)上進(jìn)行了改進(jìn)。

web前端與H5前端有什么區(qū)別？

要區(qū)分web前端，需要明確前端開發(fā)的定義。前端開發(fā)：通過HTML、CSS、JavaScript以及由此衍生出的各種技術(shù)、框架和解決方案，創(chuàng)建網(wǎng)頁或應(yīng)用程序等前端界面呈現(xiàn)給用戶，實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互的過程。接下來，我們將解釋W(xué)eb前端和H5前端的定義。

1. Web前端：Web前端也稱為網(wǎng)頁制作，是通過前端相關(guān)技術(shù)創(chuàng)建網(wǎng)頁的過程。

2. H5前端：H5前端是指通過HTML標(biāo)記語言制作網(wǎng)頁的過程?？傊?，web前端包括H5前端。你明白嗎？

什么是h5頁面？

首先，H5不是一種技術(shù)，而是一種標(biāo)準(zhǔn)，一種技術(shù)的集合。

其次，我們需要知道什么是HTML語言，

它是一種描述性語言，全稱為“超文本標(biāo)記語言”。我們使用的網(wǎng)頁是用HTML語言制作的。H5是HTML的第五個版本，在這個版本中添加了許多特性，例如：

1。拖放、自定義屬性、語義內(nèi)容標(biāo)簽、音頻、視頻、畫布、畫布、地理API、本地脫機(jī)存儲。

但是，H5還有一個寬泛的術(shù)語，包括新的C3功能，例如：1。顏色：新RGBA，HSLA模式

2。文字陰影

3。邊框半徑：長方體陰影

4。盒子大小

5。背景大小，背景原點(diǎn)，背景剪輯

6。梯度：線性梯度，徑向梯度

7。過渡：動畫過渡

8。自定義動畫@keyfrom

9。媒體查詢多欄布局@媒體屏幕和（寬度：800px) {… }

10. 邊框圖像

11。2D變換：平移（x，y）旋轉(zhuǎn)（x，y）傾斜（x，y）縮放（x，y）

12。三維變換

13。字體圖標(biāo)字體臉

14。靈活布局flex

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

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

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

例如:

1. 拖拽釋放，自定義屬性，語義化更好的內(nèi)容標(biāo)簽，音頻 ，視頻(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 可實(shí)現(xiàn)動畫

8. 自定義動畫 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

更多知識請關(guān) 注黑馬程序員哦~