|
web前端分享HTML5與HTML之間有什么區(qū)別？很多沒(méi)有學(xué)過(guò)HTML5大前端的同學(xué)，對(duì)HTML5并不了解，經(jīng)常會(huì)提出疑問(wèn)：HTML5與傳統(tǒng)HTML有什么區(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)看一下兩者的聲明文件類(lèi)型： HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www./TR/html4/strict.dtd"> 2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 3、"http://www./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)簽即可。 發(fā)展到今天，HTML5的功能已經(jīng)十分強(qiáng)大，放眼未來(lái)，HTML5的發(fā)展?jié)摿Σ豢上蘖俊?/span> |
|
|
來(lái)自： 好程序員IT > 《web前端培訓(xùn)教程》
