DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 淺談HTML5與HTML4的10個關鍵區別
淺談HTML5與HTML4的10個關鍵區別
編輯:前端技巧     

HTML5是HTML標准的下一個版本。越來越多的程序員開始HTML5來構建網站。如果你同時使用HTML4和HTML5的話,你會發現用HTML5從頭構建,比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4,它們還是有很多相似之處,但是它們也有一些關鍵的不同。本文就列出了它們之間10個關鍵的不同之處。

1.HTML5標准還在制定中

首先要注意的是,HTML5雖然現在很火,但是HTML5標准還在制定中,標准仍在改變。HTML4已經10多年了,不會有任何改變了。

2.簡化的語法

HTML5簡化了很多細微的語法,例如doctype的聲明,你只需要寫<!doctype html>就行了。HTML5與HTML5,XHTML1兼容,但是與SGML不兼容。

3.<canvas>標簽替代Flash

Flash給很多Web開發者帶來了麻煩,要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。雖然目前<canvas>標簽還不能實現Flash的所有功能,但是很快<canvas>就會讓Flash看起來老土,哈哈!

4.新增<header>和<footer>標簽

HTML5設計的一個原則是更好的體現網站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示網頁的結構。

5.新增<section>和<article>標簽

與<header>,<footer>類似,<section>和<article>也有利於清晰化網頁的結構,更有利於SEO。

6.新增<menu>和<figure>標簽

<menu>可以被用於創建傳統的菜單,也可以用於工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業。

7.新增<audio>和<video>標簽

這兩個標簽可能是HTML5裡面最有用的兩個標簽了。顧名思義,這兩個標簽是用來播放音頻和視頻的。

8.全新的表單

HTML5對<form>和<forminput>標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性。

9.刪除<b>和<font>標簽

這個改進我還無法理解。我不認為刪除這兩個標簽對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標簽。但我還是覺得對於簡單的文本,這兩個標簽還是很方便的。

10.刪除<frame>,<center>,<big>標簽

我已經記不得上次是什麼時候使用這些標簽了。

以上這篇淺談HTML5與HTML4的10個關鍵區別就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved