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