想要學(xué)編程的小伙伴們可能都知道html和html5，這兩者都是WEB語言的一種表述方式，也就是我們上網(wǎng)時(shí)經(jīng)常遇到的網(wǎng)頁，如何區(qū)分html和html5？html5與html有什么區(qū)別？其實(shí)html5就是html的第五代產(chǎn)品，研發(fā)html5為了適應(yīng)移動(dòng)互聯(lián)網(wǎng)應(yīng)用下的一些需求，html5和html比起來，深度html5和廣度上都做了進(jìn)一步提升。
在html5出現(xiàn)之前的產(chǎn)品開發(fā)針對(duì)不同平臺(tái)像是pc端，ios端，Android端等都是要分開進(jìn)行編碼開發(fā)的，而后期的維護(hù)同樣也是要分開進(jìn)行。但html5的橫空出世打破了這個(gè)局面，不再需要分開編碼開發(fā)或者維護(hù)了，只需要按照html5的標(biāo)準(zhǔn)就可以在各個(gè)平臺(tái)順利運(yùn)行，不單把工作效率大大提高了，同時(shí)也為開發(fā)節(jié)省了不少成本。除此之外html5和html還有以下幾點(diǎn)差距:
如何區(qū)分html和html51、兩者文檔類型聲明不同
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的聲明更為簡單，方便記憶，有利于程序員的快速閱讀和開發(fā)。
如何區(qū)分html和html52、兩者結(jié)構(gòu)語義有所不同
html沒有結(jié)構(gòu)語義化的標(biāo)簽，html5則增加了很多語義化的標(biāo)簽，使代碼結(jié)構(gòu)清晰，更加具有可讀性。
html5新增了強(qiáng)大的繪圖功能。
有些動(dòng)畫，或者圖片，在html5可以通過繪畫功能，加上JS可以實(shí)現(xiàn)。而在html4.0卻不行。在html5中，Canvas和SVG是可以進(jìn)行繪圖的。Canvas相當(dāng)于一個(gè)畫布，但它本身不具備畫圖能力，可以通過JavaScript來繪制2D圖形，Canvas 是逐像素進(jìn)行渲染的。SVG是可伸縮矢量圖形，用于定義網(wǎng)絡(luò)的基于矢量的圖形。
html5新增了視屏標(biāo)簽。
強(qiáng)大的html5還新增了視頻標(biāo)簽。這個(gè)功能是html4.0所不具備的，用html4.0插入視頻需要很長一段代碼，但是用html5就只需要video標(biāo)簽即可。
隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，以及智能化技術(shù)的快速發(fā)展，未來或許還會(huì)有更新版本的html問世，但是，html系列的這種表述方式是前端開發(fā)不不可少的工具，也是編程的入門級(jí)語言，想要從事前端開發(fā)的同學(xué)們一定要掌握好html和html5的使用方法! 注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-28674.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050
