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