HTML5和HTML有什么區(qū)別？

時(shí)間：2023-04-21 07:39:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-04-21 07:39:02 來源：網(wǎng)站運(yùn)營

HTML5和HTML有什么區(qū)別？：很多沒有學(xué)過HTML5大前端的同學(xué)，對(duì)HTML5并不了解，經(jīng)常會(huì)提出疑問：HTML5與傳統(tǒng)HTML有什么區(qū)別？下面本篇文章就來給大家介紹一下HTML5和HTML兩者之間的區(qū)別，希望對(duì)你有所幫助。

什么是HTML和HTML5？

HTML代表超文本標(biāo)記語言，用于使用標(biāo)記語言設(shè)計(jì)網(wǎng)頁。HTML是超文本和標(biāo)記語言的組合，超文本定義了網(wǎng)頁之間的鏈接；標(biāo)記語言用于定義標(biāo)記內(nèi)的文本文檔，該文檔定義網(wǎng)頁的結(jié)構(gòu)。此語言用于注釋（在計(jì)算機(jī)注釋中）文本，以便機(jī)器可以理解它并相應(yīng)地操作文本。

大多數(shù)標(biāo)記（例如HTML）語言都是人類可讀的。該語言使用標(biāo)簽來定義必須對(duì)文本進(jìn)行哪些操作。它用于在網(wǎng)頁上構(gòu)造和呈現(xiàn)內(nèi)容。

HTML5是HTML的第五個(gè)版本，HTML5中刪除或修改了許多元素。

HTML5和HTML的區(qū)別

首先，HTML5已經(jīng)遠(yuǎn)遠(yuǎn)超越了標(biāo)記語言的范疇，它的設(shè)計(jì)目的是在移動(dòng)設(shè)備上支持多媒體，和HTML比起來，深度和廣度上都做了進(jìn)一步提升。

接著，我們來看一下兩者的聲明文件類型：

HTML：

HTML5

由上面可以看到，在文檔聲明上，HTML的聲明代碼很長很復(fù)雜，而HTML5的聲明更為簡單，方便記憶，所以HTML5要比HTML更有利于程序員的快速閱讀和開發(fā)。

此外，兩者結(jié)構(gòu)語義也有所不同。HTML沒有結(jié)構(gòu)語義化的標(biāo)簽，通常以<divid="header"></div>來命名，HTML5則增加了很多語義化的標(biāo)簽，比如：<header> 、<nav>、<article>、<aside>、<footer>等，使代碼結(jié)構(gòu)清晰，更加具有可讀性。

HTML5新增了強(qiáng)大的繪圖功能，通過繪畫功能，加上JS可以實(shí)現(xiàn)動(dòng)畫以及圖片。而HTML4.0卻不行。在HTML5中，Canvas和SVG可以進(jìn)行繪圖，Canvas相當(dāng)于一個(gè)畫布，可以通過JavaScript 來繪制 2D 圖形，Canvas 是逐像素進(jìn)行渲染的。SVG是可伸縮矢量圖形，用于定義網(wǎng)絡(luò)的基于矢量的圖形，SVG 嚴(yán)格遵從 XML 語法，其圖像文件可讀并且易于修改和編輯，可以被搜索、索引、腳本化或者壓縮?？梢栽谌魏畏直媛氏卤桓哔|(zhì)量地打印。

除了上述幾點(diǎn)，強(qiáng)大的HTML5還新增了視頻標(biāo)簽。這個(gè)功能是HTML4.0所不具備的，用HTML4.0插入視頻需要很長一段代碼，但是用HTML5就只需要video標(biāo)簽即可。

自己是從事了五年的前端工程師，自己整理了一份最全面前端學(xué)習(xí)資料，從最基礎(chǔ)的HTML+CSS+JS到HTML5的項(xiàng)目實(shí)戰(zhàn)的學(xué)習(xí)資料都有整理，送給每一位前端小伙伴，有想學(xué)習(xí)web前端的，或是轉(zhuǎn)行，或是大學(xué)生，還有工作中想提升自己能力的，正在學(xué)習(xí)的小伙伴，需要可以私聊我喲，這是我的前端開發(fā)qun，【六零三】【九八五】【九九三】，對(duì)于學(xué)習(xí)web前端有任何問題（學(xué)習(xí)方法，學(xué)習(xí)效率，如何就業(yè)）都可以問我，最后可以點(diǎn)一波關(guān)注喲！

總結(jié)：

1、文檔聲明區(qū)別

HTML文檔的類型聲明為：

HTML5文檔的類型聲明為：

HTML5.0：文檔聲明HTML5方便書寫，精簡，有利于程序員快速的閱讀和開發(fā)。

2、結(jié)構(gòu)語義區(qū)別

html：沒有體現(xiàn)結(jié)構(gòu)語義化的標(biāo)簽，如：<div id="nav"></div>

html5：添加了許多具有語義化的標(biāo)簽，如：<article>、<aside>、<audio>、<bdi>...

相對(duì)于HTML，HTML5中新增和修改了一些元素。

3、繪圖區(qū)別

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

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

4、音頻和視頻的支持

HTML如果不使用Flash播放器支持，它不支持音頻和視頻。HTML5使用<audio>和<video>標(biāo)簽來支持音頻和視頻控制。

5、語法的處理

HTML無法處理不準(zhǔn)確的語法；HTML5能夠處理不準(zhǔn)確的語法。