HTML5是目前最新的HTML規(guī)范,每一個web開發(fā)人員將會發(fā)現(xiàn)自己需要使用這項新的標準工作。而且,其中很多人會發(fā)現(xiàn),由于HTML4與HTML5之間的區(qū)別,新建一個HTML5的網(wǎng)站遠比從HTML4往HTML5上遷移來的容易。
事實上,HTML5并沒有對HTML4做非常重大的調(diào)整,而且兩者之間有很多相似的地方。
雖然如此,兩者之間的主要區(qū)別仍然需要注意。那么下面就由成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)為大家介紹一下HTML4和HTML5之間10個關(guān)鍵的不同之處。
1. HTML5 標準還在制定中
首先要注意的是,HTML5雖然現(xiàn)在很火,但是HTML5標準還在制定中,標準仍在改變。HTML4已經(jīng)10多年了,不會有任何改變了。另一方面,HTML5仍處在早期階段,以后的修改會不斷的出現(xiàn)。這就是目前為止,最好在產(chǎn)品里使用HTML4,只在實驗里使用HTML。
2. 簡化的語法
HTML5簡化了很多細微的語法,例如doctype的聲明,你只需要寫<!doctype html>就行了。HTML5與HTML5,XHTML1兼容,但是與SGML不兼容。
3. <canvas>標簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩,要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發(fā)者只要使用一個標簽就 能和用戶產(chǎn)生UI交互。雖然目前<canvas>標簽還不能實現(xiàn)Flash的所有功能,但假以時日,F(xiàn)lash必將從web上淘汰。
4. 新增<header> 和 <footer> 標
HTML5設(shè)計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示在網(wǎng)頁的結(jié)構(gòu)。
5.新增 <section> 和 <article> 標簽
與<header>, <footer>類似,<section>和<article>也有利于清晰化網(wǎng)頁的結(jié)構(gòu),更有利于SEO。
6.新增 <menu> 和 <figure> 標簽
<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單,也可以用于工具欄和上下文菜單。<figure>標簽使得網(wǎng)頁文字和圖片的排版更專業(yè)。
7. 新增 <audio> 和 <video> 標簽
這兩個標簽可能是HTML5里面最有用的兩個標簽了。顧名思義,這兩個標簽是用來播放音頻和視頻的。
8. 表單的全新水平
HTML5對 <form> 和 <forminput> 標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性。
9.去掉 <b> 和 <font> 標
這個改進我還無法理解。我不認為刪除這兩個標簽對代碼的改進有很大的幫助。官方的解釋是應(yīng)該用CSS來替代這兩個標簽。但我還是覺得對于簡單的文本,這兩個標簽還是很方便的。
10. 去掉 <frame>, <center>, <big> 標簽
事實上,我已經(jīng)記不清曾經(jīng)何時用過這些標記了,所以,我并不為去除這些標記感到悲哀。相同的原因,有更好的標記能實現(xiàn)它們的功能——這很好,任何作廢的標記從標準中剔除都是受歡迎的。
所有這些次要的改動數(shù)量眾多。而且新的修改也在不斷的增加,因此,如果你想實時跟蹤最新的動向,你需要經(jīng)常的查看w3.org的HTML4 和HTML5之間的不同這個頁面。如果你很心急,想在你的工作中使用這些新的標記和屬性,成都網(wǎng)站制作公司提醒最好只是做實驗,原因已經(jīng)說的很清楚了,這些新標記和新屬性在將來也許會有很大的改變,所以,除非你不斷的更新你的代碼,它們很可能會過期失效。