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