h5頁(yè)面可以在pc端展示嗎？H5可以顯示在PC端，因?yàn)樗且粋€(gè)URL鏈接。但是，如果不能在PC上顯示，一般是這樣的：開(kāi)啟微信授權(quán)時(shí)，需要獲得打開(kāi)微信的用戶(hù)的微信頭像和昵稱(chēng)，所以需要在微信環(huán)境下打開(kāi)。另

h5頁(yè)面可以在pc端展示嗎？

H5可以顯示在PC端，因?yàn)樗且粋€(gè)URL鏈接。但是，如果不能在PC上顯示，一般是這樣的：開(kāi)啟微信授權(quán)時(shí)，需要獲得打開(kāi)微信的用戶(hù)的微信頭像和昵稱(chēng)，所以需要在微信環(huán)境下打開(kāi)。另一個(gè)就是在開(kāi)發(fā)H5的時(shí)候，沒(méi)有考慮PC端的顯示，或者PC端的顯示效果不夠好，但是這種情況比較少見(jiàn)。如果你必須在微信環(huán)境下打開(kāi)，但你想在電腦端查看效果，可以下載微信開(kāi)發(fā)者工具，登錄微信，獲得微信頭像、昵稱(chēng)等信息。我自己用一派epub360。該工具制作的H5可以在手機(jī)的微信端和PC端同時(shí)打開(kāi)，并且有微信授權(quán)設(shè)置，非常方便。

H5頁(yè)面如何兼容PC端和移動(dòng)端？

您可以直接使用響應(yīng)式布局框架來(lái)制作專(zhuān)業(yè)的H5頁(yè)面。例如，水戶(hù)的單頁(yè)制作平臺(tái)的所有模板都能自適應(yīng)于電腦、手機(jī)和平板電腦。

公司想做H5頁(yè)面，你們覺(jué)得套模板可行嗎？

視情況而定。如果是日常的一般宣傳，可以設(shè)置模板。但考慮到企業(yè)形象，模板應(yīng)該選擇那些有創(chuàng)意、制作精美的。最好不要使用簡(jiǎn)單的翻頁(yè)H5。如果更重要的是推廣活動(dòng)、品牌推廣，或者建議從策劃、設(shè)計(jì)到制作，創(chuàng)意制作都可以根據(jù)公司的定位進(jìn)行。以上兩個(gè)需求可以通過(guò)epub360得到滿(mǎn)足。

什么是h5頁(yè)面？

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

其次，你需要知道什么是HTML。

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

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

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

2。文字陰影

3。邊框半徑：長(zhǎng)方體陰影

4。盒子大小

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

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

7。過(guò)渡：動(dòng)畫(huà)過(guò)渡

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

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

10. 邊框圖像

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

12。三維變換

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

14。靈活布局flex

??先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) 注黑馬程序員哦~