好程序員web前端分享HTML5與HTML之間有什麼區別?

  好程序員web前端分享HTML5與HTML之間有什麼區別?不少沒有學過HTML5大前端的同窗,對HTML5並不瞭解,常常會提出疑問:HTML5與傳統HTML有什麼區別?今天,就爲你們講一下二者比較明顯幾個區別。首先,HTML5已經遠遠超越了標記語言的範疇,它的設計目的是在移動設備上支持多媒體,和HTML比起來,深度和廣度上都作了進一步提高。html

  接着,咱們來看一下二者的聲明文件類型:前端

  HTML:一、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN"程序員

  "http://www.w3.org/TR/html4/strict.dtd">;web

  二、<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"網絡

  三、"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;ide

  HTML5:<!DOCTYPEhtml>動畫

  由上面能夠看到,在文檔聲明上,HTML的聲明代碼很長很複雜,而HTML5的聲明更爲簡單,方便記憶,因此HTML5要比HTML更有利於程序員的快速閱讀和開發。設計

  此外,二者結構語義也有所不一樣。HTML沒有結構語義化的標籤,一般以<divid="header"></div>來命名,HTML5則增長了不少語義化的標籤,好比:<header>、<nav>、<article>、<aside>、<footer>等,使代碼結構清晰,更加具備可讀性。視頻

  HTML5新增了強大的繪圖功能,經過繪畫功能,加上JS能夠實現動畫以及圖片。而HTML4.0卻不行。在HTML5中,Canvas和SVG能夠進行繪圖,Canvas至關於一個畫布,能夠經過JavaScript來繪製2D圖形,Canvas是逐像素進行渲染的。SVG是可伸縮矢量圖形,用於定義網絡的基於矢量的圖形,SVG嚴格聽從XML語法,其圖像文件可讀而且易於修改和編輯,能夠被搜索、索引、腳本化或者壓縮。能夠在任何分辨率下被高質量地打印。htm

  除了上述幾點,強大的HTML5還新增了視頻標籤。這個功能是HTML4.0所不具有的,用HTML4.0插入視頻須要很長一段代碼,可是用HTML5就只須要video標籤便可。

  發展到今天,HTML5的功能已經十分強大,放眼將來,HTML5的發展潛力不可限量。

相關文章
相關標籤/搜索