DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5和以前HTML4的區別整理
HTML5和以前HTML4的區別整理
編輯:HTML5詳解     

HTML5是HTML標准的下一個版本。雖然HTML5沒有完全顛覆HTML4,但是它們也有一些不同。最新最全的HTML5-HTML4對比信息請看http://dev.w3.org/Html5/html4-differences/,貌似略多的樣子。在這個IE還仍然存在的世界裡,Html5的差別先掌握一些即可,等全部支持後再細細研究也不遲。

1. 簡化的語法
Html5簡化了很多細微的語法,例如doctype的聲明,你只需要寫<!doctype html>就行了。Html 5 指定 UTF-8 編碼的方式如下<meta charset="UTF-8">

2. <canvas>標簽替代Flash
Flash給很多web開發者帶來了麻煩,要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。

3 新增許多標簽
HTML5設計的一個原則是更好的體現網站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示網頁的結構;新增 <section> 和 <article> 標簽,<section>和<article>也有利於清晰化網頁的結構,更有利於SEO;新增 <menu> 和 <figure> 標簽,<menu>可以被用於創建傳統的菜單,也可以用於工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業; 新增 <audio> 和 <video> 標簽,這兩個標簽可能是Html5裡面最有用的兩個標簽了,使用起來時也異乎方便,如在Html5頁面中嵌入視頻只需一小段

復制代碼代碼如下:
<video width="450" height="340" controls> 
<source src="jamshed.mp4" type="video/mp4"> 
Your browser does'nt support video embedding feature. 
</video>

同理,音頻等其他的也類似。

4. 全新的表單
Html5對 <form> 和 <forminput> 標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性,詳細http://www.jb51.Net/w3school/Html5/Html_5_form_attributes.htm

5. 刪除 <b> 和 <font> 標簽,<frame>, <center>, <big> 標簽

6.Html5 支持了不同類型的存儲類型

HTML5 支持本地存儲,在之前版本中是通過 CookIE 實現的。HTML5 本地存儲速度快而且安全。並且Html5有兩種不同的對象可用來存儲數據,Html5通過JS來存儲和訪問數據:

    localStorage 適用於長期存儲數據,浏覽器關閉後數據不丟失
    sessionStorage 只是針對一個session的數據存儲,存儲的數據在浏覽器關閉後自動刪除

總的來說,HTML5已經超越了標記語言的范疇,更富語義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術,實現無插件的動畫以及圖像、圖形處理能力;本地存儲,可實現offline應用;websocket,一改http的純pull模型,實現數據推送的夢想;MathML,SVG等,支持更加豐富的render等等等等,現在對於對Html5的了解還只停留在表面階段,以後會多閱讀一部分Html5的書籍增加一下見識。

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