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