在我們學(xué)習(xí)前端的過程中，經(jīng)常會(huì)聽到html和h5，這兩者是否一樣呢？如何區(qū)分呢？html代表超文本標(biāo)記語言，主要用于比標(biāo)記語言設(shè)計(jì)網(wǎng)頁。而h5是htmld的第五個(gè)版本，刪除和修改了很多元素。那么html和h5有什么區(qū)別呢？主要體現(xiàn)在結(jié)構(gòu)語義、文檔聲明、繪圖、音頻/視頻的支持、語法處理等方面：

　　什么html？

　　html為超文本標(biāo)記語言，是web的核心語言，主要用來標(biāo)記網(wǎng)頁的語言，語法簡單、結(jié)構(gòu)清晰。網(wǎng)頁主要是指html文檔，該文檔中包含標(biāo)簽和文本內(nèi)容，瀏覽器可以讀取其內(nèi)容，并且以網(wǎng)頁的形式展現(xiàn)給用戶。該頁面包含圖片、文字、聲音、視頻、動(dòng)畫等內(nèi)容。

　　什么是h5？

　　h5主要是以商業(yè)用途為主，主要是基于h5技術(shù)的交互網(wǎng)頁應(yīng)用，尤其是微信h5是目前應(yīng)用最多的形式。同時(shí)為互聯(lián)網(wǎng)提供了全新的框架和平臺(tái)，包括提供免插件的音視頻、圖像動(dòng)畫等功能。

　　1.結(jié)構(gòu)語義

　　html一般不會(huì)體現(xiàn)結(jié)構(gòu)語義化的標(biāo)簽，通常會(huì)這樣命名：divid="header" /div

　　h5在語義上有很大的優(yōu)勢，例如：header 、nav、article、aside等等。

　　2.文檔聲明

　　html：

　　h5：

　　主要區(qū)別在于html代碼比較長，并且難記，而h5更加簡潔，方便記憶。

　　3.繪圖

　　html：主要用可伸縮矢量圖形，用于定義網(wǎng)絡(luò)的基于矢量的圖形。

　　h5：canvas元素使用腳本(通常使用JavaScript)在網(wǎng)頁上繪制圖像，可以控制畫布每一個(gè)像素。

　　4.音頻/視頻的支持

　　html：必須使用Flash播放器才能支持音頻和視頻的使用。

　　h5：使用audio和video標(biāo)簽來支持音頻和視頻控制。

　　5.語法處理

　　html：不能處理不準(zhǔn)確的語法。

　　h5：可以處理不準(zhǔn)確的語法。

　　關(guān)于html和h5有什么區(qū)別就先介紹到這里，在如今高速發(fā)展的5G時(shí)代，h5+CSS3技術(shù)已經(jīng)成為前端程序員的必備技能，想要進(jìn)入前端的小伙伴趕快學(xué)起來吧！