很多沒(méi)有學(xué)過(guò)HTML5大前端的同學(xué)，對(duì)HTML5并不了解，經(jīng)常會(huì)提出疑問(wèn)：HTML5與傳統(tǒng)HTML有什么區(qū)別?今天，千鋒北京校區(qū)老師就為大家講一下兩者比較明顯幾個(gè)區(qū)別。首先，HTML5已經(jīng)遠(yuǎn)遠(yuǎn)超越了標(biāo)記語(yǔ)言的范疇，它的設(shè)計(jì)目的是在移動(dòng)設(shè)備上支持多媒體，和HTML比起來(lái)，深度和廣度上都做了進(jìn)一步提升。
接著，我們來(lái)看一下兩者的聲明文件類型：
HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3、"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5：<!DOCTYPE html>
由上面可以看到，在文檔聲明上，HTML的聲明代碼很長(zhǎng)很復(fù)雜，而HTML5的聲明更為簡(jiǎn)單，方便記憶，所以HTML5要比HTML更有利于程序員的快速閱讀和開(kāi)發(fā)。
此外，兩者結(jié)構(gòu)語(yǔ)義也有所不同。HTML沒(méi)有結(jié)構(gòu)語(yǔ)義化的標(biāo)簽，通常以<divid="header"></div>來(lái)命名，HTML5則增加了很多語(yǔ)義化的標(biāo)簽，比如：<header> 、<nav>、<article>、<aside>、<footer>等，使代碼結(jié)構(gòu)清晰，更加具有可讀性。
HTML5新增了強(qiáng)大的繪圖功能，通過(guò)繪畫(huà)功能，加上JS可以實(shí)現(xiàn)動(dòng)畫(huà)以及圖片。而HTML4.0卻不行。在HTML5中，Canvas和SVG可以進(jìn)行繪圖，Canvas相當(dāng)于一個(gè)畫(huà)布，可以通過(guò)JavaScript 來(lái)繪制 2D 圖形，Canvas 是逐像素進(jìn)行渲染的。SVG是可伸縮矢量圖形，用于定義網(wǎng)絡(luò)的基于矢量的圖形，SVG 嚴(yán)格遵從 XML 語(yǔ)法，其圖像文件可讀并且易于修改和編輯，可以被搜索、索引、腳本化或者壓縮?？梢栽谌魏畏直媛氏卤桓哔|(zhì)量地打印。
除了上述幾點(diǎn)，強(qiáng)大的HTML5還新增了視頻標(biāo)簽。這個(gè)功能是HTML4.0所不具備的，用HTML4.0插入視頻需要很長(zhǎng)一段代碼，但是用HTML5就只需要video標(biāo)簽即可。
(千鋒教育HTML5大前端學(xué)科細(xì)分層級(jí)進(jìn)階教學(xué))
發(fā)展到今天，HTML5的功能已經(jīng)十分強(qiáng)大，放眼未來(lái)，HTML5的發(fā)展?jié)摿Σ豢上蘖?。千鋒教育順應(yīng)科技發(fā)展，不斷優(yōu)化HTML5大前端課程，目前課程已經(jīng)涵蓋前端頁(yè)面重構(gòu)、PC端全棧開(kāi)發(fā)、Node.js后端開(kāi)發(fā)、Vue.js前端框架等不同課程階段，課程趨于全面和精細(xì)化，更加契合當(dāng)下企業(yè)的發(fā)展需求。深度學(xué)習(xí)HTML5知識(shí)點(diǎn)，積累豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)，全面掌握前端開(kāi)發(fā)技能，千鋒教育是你不二的選擇。
京公網(wǎng)安備 11010802030320號(hào)