在我們學(xué)習(xí)HTML語(yǔ)言中,常常會(huì)遇到html4和html5,很多同學(xué)對(duì)html4和html5的區(qū)別存在很多疑惑。為了幫助更多的朋友弄清這兩者的區(qū)別,今天小千從以下10個(gè)方面對(duì)這兩種語(yǔ)言進(jìn)行了對(duì)比和介紹,感興趣的小伙伴看過(guò)來(lái)吧!
1.HTML5標(biāo)準(zhǔn)還在制定中
首先要注意的是,HTML5雖然現(xiàn)在很火,但是HTML5標(biāo)準(zhǔn)還在制定中,標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了,不會(huì)有任何改變了。
2.簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法,例如doctype的聲明,你只需要寫(xiě)就行了。HTML5與HTML5,XHTML1兼容,但是與SGML不兼容。
3.canvas標(biāo)簽替代Flash
Flash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩,要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。canvas標(biāo)簽使得開(kāi)發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(chǎn)生UI交互。雖然目前標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能,但是很快canvas就會(huì)讓Flash看起來(lái)老土。
4.新增header和footer標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性,所以增加了header和footer這樣的標(biāo)簽,用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。
5.新增section和article標(biāo)簽
與header,footer類(lèi)似,section和article也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu),更有利于SEO。
6.新增menu和figure標(biāo)簽
menu可以被用于創(chuàng)建傳統(tǒng)的菜單,也可以用于工具欄和上下文菜單。figure標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專(zhuān)業(yè)。
7.新增audio和video標(biāo)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義,這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。
8.全新的表單
HTML5對(duì)form和forminput標(biāo)簽進(jìn)行了大量修改,添加了很多新的屬性,也修改了很多屬性。
9.刪除b和font標(biāo)簽
這個(gè)改進(jìn)我還無(wú)法理解。我不認(rèn)為刪除這兩個(gè)標(biāo)簽對(duì)代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來(lái)替代這兩個(gè)標(biāo)簽。但我還是覺(jué)得對(duì)于簡(jiǎn)單的文本,這兩個(gè)標(biāo)簽還是很方便的。
10.刪除frame,center,big標(biāo)簽
這些標(biāo)簽很少用到。
相信大家通過(guò)以上對(duì)“HTML5與HTML4有什么區(qū)別”相關(guān)內(nèi)容的介紹,對(duì)以上兩種語(yǔ)言的區(qū)別有了一定了解。了解之后大家可以嘗試去寫(xiě),親自實(shí)踐對(duì)比其中的具體區(qū)別,可以幫助我們更加高效的進(jìn)行編程工作。