做WEB前端的人員都知道,在寫程序的時間,用到最多的就是HTML5,那你知道HTML5和HTML4之間有什么區(qū)別嗎?今天匯仁智杰小編就和大家說說。
HTML5是HTML標準的下一個版本。越來越多的程序員開始HTML5來構(gòu)建網(wǎng)站。如果你同時使用HTML4和HTML5的話,你會發(fā)現(xiàn)用HTML5從頭構(gòu)建,比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4,它們還是有很多相似之處,但是它們也有一些關(guān)鍵的不同。本文就列出了它們之間10個關(guān)鍵的不同之處。
1.HTML5標準還在制定中
首先要注意的是,HTML5雖然現(xiàn)在很火,但是HTML5標準還在制定中,標準仍在改變。HTML4已經(jīng)10多年了,不會有任何改變了。
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的所有功能,但是很快<canvas>就會讓Flash看起來老土,哈哈!
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)記不得上次是什么時候使用這些標簽了。
以上10點呢,就是匯仁智杰小編整理的,可能有不盡相同的地方,但是希望對在學(xué)習(xí)中的WEB前端人員能夠有所幫助。
免費學(xué)習(xí)課堂
- 免費推廣知識
- 競價推廣知識
- 新媒體營銷知識
- 網(wǎng)站運營知識
- 網(wǎng)站設(shè)計知識
- 網(wǎng)站建設(shè)知識
- Web前端知識
- 軟文營銷知識
- 網(wǎng)站策劃知識
- 整合營銷
推薦文章
HTML5與HTML4的10個關(guān)鍵區(qū)別
來源:北京匯仁智杰科技有限公司 時間:2016-05-18 點擊: 次
推薦文章
- 織夢dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號過度營銷 對嚴重違2016-01-26
- SEO優(yōu)化過程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運用互聯(lián)網(wǎng)進行營銷2016-01-26
- WEB前端項目開發(fā)中需注意的細節(jié)2016-01-26
- 低價網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細的分析你網(wǎng)站的競爭對手2015-06-10
- 網(wǎng)站設(shè)計中四個常犯的錯誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計中的色彩?2015-01-22