html只能寫網頁嗎？您還可以開發(fā)移動和桌面應用程序。接下來，我將介紹一種使用HTML開發(fā)桌面應用程序的簡單方法，使用hex，它使用HTML5和hex節(jié)點.js構建桌面應用解決方案，可以快速構建跨平臺

html只能寫網頁嗎？

您還可以開發(fā)移動和桌面應用程序。接下來，我將介紹一種使用HTML開發(fā)桌面應用程序的簡單方法，使用hex，它使用HTML5和hex節(jié)點.js構建桌面應用解決方案，可以快速構建跨平臺的桌面應用，實驗環(huán)境win7，軟件nodepad主要步驟如下：

1。下載并安裝hex，可直接從官方網站下載http://hex.youdao.com/zh-cn/downloads/index.html，點擊直接下載，一個zip包，如下所示：

2。解壓后的文件如下，很多配置文件和DLL，不管這些：

3。為了方便測試，我在安裝目錄下創(chuàng)建了一個新的www目錄，在這里創(chuàng)建一個新的www目錄測試.html文件，其內容如下，非常簡單，就是把輸入的信息打印出來：

3清單.json5雙擊運行hexclient，程序截圖如下。不過，看起來不太好。只需測試它并嘗試一下，讓我們看看：

到目前為止，介紹了一個使用hex開發(fā)桌面應用程序的簡單示例。您還可以使用electron開發(fā)桌面應用程序。整個過程不是很難。網上有很多相關的教程。這里我不詳細介紹。感興趣的人可以搜索。至于移動應用的開發(fā)，可以使用hbuilder，開發(fā)、打包和發(fā)布速度也非常快。希望以上分享的內容能對您有所幫助。

什么是h5頁面？

首先，H5不是一種技術，而是一種標準，一種技術的集合。

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

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

1。拖放、自定義屬性、語義內容標簽、音頻、視頻、畫布、畫布、地理API、本地脫機存儲。

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

2。文字陰影

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

4。盒子大小

5。背景大小，背景原點，背景剪輯

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

7。過渡：動畫過渡

8。自定義動畫@keyfrom

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

10. 邊框圖像

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

12。三維變換

13。字體圖標字體臉

14。靈活布局flex

??先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 可實現(xiàn)動畫

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

更多知識請關 注黑馬程序員哦~