前端開發人員須知html5和html4之間的區別

  Html5是最新的HTML標準,或遲或早,所有的web程序員都會發現需要使用到這個最新的標準,而且,很多人都會感覺到,重新開發一個HTML5的網站,要比把一個網站從HTML4遷移到HTML5上容易的多,這是因為這兩個版本之間有很大不同之處。

事實上,HTML5并沒有對HTML4做什么重大的修改,它們很多東西都是相似的。

  可是,其中有一些很重要的區別你需要知道。下面列出的就是一些HTML4和HTML5之間主要的不同之處(并不是全部,全部列出來是不可能的):

1. HTML5標準還在制定中
  這頭一個不同之處顯而易見,但非常重要,我需要先從它開始。也許你已經注意到了關于HTML5很酷的言論到處都是,但是事實情況是,HTML5是一個還未完成的標準。HTML4已經有10歲了,但它仍是當前正式的標準的事實沒有改變。

  另一方面,HTML5仍處在早期階段,以后的修改會不斷的出現。你必須考慮到這些,因為你在網站上使用的這些新增加或修改的網頁元素會每年都出 現一些變化,你需要不停的更新升級你的網站,這可不是你希望的。這就是目前為止,你最好在產品里使用HTML4,只在實驗里使用HTML5的原因。

2. 簡化的語法
  更簡單的doctype聲明是HTML5里眾多新特征之一。現在你只需要寫<!doctype html>,這就行了。HTML5的語法兼容HTML4和XHTML1,但不兼容SGML。

3. 一個替代Flash的新 <canvas> 標記
  對于Web用戶來說,Flash既是一個驚喜,也是一種痛苦。有很多的Web開發人員對HTML5對Flash產生的威脅很不滿。但對于那些忍 受著要花幾年時間加載和運行的臃腫的Flash視頻的人來說,用新的 <canvas> 標記生成視頻的技術已經到來。

  目前, <canvas> 標記并不能提供所有的Flash具有的功能,但假以時日,Flash必將從web上淘汰。我們拭目以待,因為很多人還并不認同這種觀點。

4. 新的 <header> 和 <footer> 標記
  HTML5的設計是要更好的描繪網站的解剖結構。這就是為什么這些<header> 和<footer> 等新標記的出現,它們是專門為標志網站的這些部分設計的。

  在開發網站時,你不在需要用<div>標記來標注網頁的這些部分。

5. 新的 <section> 和 <article> 標記
  跟<header> 和 <footer>標記類似,HTML5中引入的新的<section> 和 <article> 標記可以讓開發人員更好的標注頁面上的這些區域。

  據推測,除了讓代碼更有組織外,它也能改善SEO效果,能讓搜索引擎更容易的分析你的頁面。

6. 新的 <menu> 和 <figure> 標記
  新的<menu>標記可以被用作普通的菜單,也可以用在工具條和右鍵菜單上,雖然這些東西在頁面上并不常用。

  類似的,新的 <figure> 標記是一種更專業的管理頁面上文字和圖像的方式。當然,你可以用樣式表來控制文字和圖像,但使用HTML5內置的這個標記更適合。

7. 新的 <audio> 和 <video> 標記
  新的<audio> 和 <video> 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱,它們是用來嵌入音頻和視頻文件的。

  除此之外還有一些新的多媒體的標記和屬性,例如<track>,它是用來提供跟蹤視頻的文字信息的。有了這些標記,HTML5使Web2.0特征變得越來越友好。問題在于,在HTML5還未被廣泛的接受之前,Web2.0還是老的Web2.0。

8. 全新的表單設計
  新的 <form> 和 <forminput> 標記對原有的表單元素進行的全新的修改,它們有很多的新屬性(以及一些修改)。如果你經常的開發表單,你應該花時間更詳細的研究一下。


來源:CSDN


上一篇: 前端程序員:月薪5K到5萬,我干了啥

下一篇: HTML、CSS、JS對unicode字符的不同處理

分享到: 更多
香港36码 竞彩二串一稳赚方法 3d定一码100准方法 手机上炸金花技巧规律 重庆时时官网 时时彩后二包和值稳赚 任九投注技巧 北京pk10一天多少期 七星彩开奖下载大公鸡 大小单双稳赚技巧集锦 北京pk赛车20分钟一期 江苏快三稳赚技巧集锦 三公怎么玩纸牌 黑龙江时时网上购... 二八杠提现棋牌游戏 北京pk万能计划手机版