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

　　什么html？

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

　　什么是h5？

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

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

　　html一般不會體現(xiàn)結(jié)構(gòu)語義化的標簽，通常會這樣命名：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)頁上繪制圖像，可以控制畫布每一個像素。

　　4.音頻/視頻的支持

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

　　h5：使用audio和video標簽來支持音頻和視頻控制。

　　5.語法處理

　　html：不能處理不準確的語法。

　　h5：可以處理不準確的語法。

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