新應用程序接口(API)
即時二維繪圖
定時媒體播放
儲存
離線
編輯
拖放
通訊/網絡
後退按鈕管理
MIME 和協議處理程序時表頭登記
與 Html 4 的不同之處
新的解析順序
新的元素:section, video, progress, nav, meter, time, aside, canvas
input 元素的新屬性:日期和時間,email, url
新的通用屬性:ping, charset, async
全域屬性:id, tabindex, repeat
移除元素:center, font, u, strike, s, frameset, frame, applet
Html 5增加了新的結構元素來表達這些最常用的結構:
◆section: 這可以表達書本的一部分或一章,或者一章內的一節
◆header: 頁面主體上的頭部。並非head元素
◆footer: 頁面的底部(頁腳),可以是一封郵件簽名的所在
◆nav: 到其他頁面的鏈接集合
◆article: 諸如blog, 雜志,綱要等之中的一條獨立記錄。
Html5三個塊級元素:
◆aside
◆figure/code>
◆dialog
aside可以用以表達注記、貼士、側欄、摘要、插入的引用等諸如作為補充主體的內容。比如這樣表達blog的側欄:
<aside> <h3>最新文章</h3> <ul> <li><a href="http://xueit.com/" mce_href="http://xueit.com/">文章標題</a></li> ... </ul> </aside>
figure元素表示一個有說明的塊級圖片。比如:
<figure> <legend>這是圖片的說明</legend> <img alt="圖片可替換文本" src="/path/to/img.png" mce_src="/path/to/img.png" /> </figure>dialog元素用於表達人們之間的對話。在Html 5中,dt用於表示說話者,而dd則用來表示說話者的內容。如:
<dialog> <dt>佛</dt> <dd>色即是空</dd> <dt>悟空</dt> <dd>
我現在需要點空……行內(inline)的語義元素,m元素用來標記一些不是那麼需要著重強調的文本。現在尚有爭議,可能最終會改為mark.
time元素如其名,用來表達時間。它需要一個datetime的特性來標明機器能夠認識的時間,如:
<time datetime="2008-08-08T20:08:08">2008年8月8日晚上8時8分8秒</tIEm>meter元素表達特定范圍內的數值。可用於薪水、百分比、分數等。比如:
很遺憾地告訴你,我只有<meter>150cm</meter>它還有6個特性來表達各方面的含義,比如:
<p>您的分數是:<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.</p>
還有一個progress,也是義如其名,用以表達進度:
目標完成度:<progress value="40" max="100">40%</progress>嵌入多媒體
新增video和audio元素。顧名思義,分別是用來插入視頻和聲音的。至於格式,交由浏覽器實現,Html再也不需要特別的代碼去播放特定的格式。就像img一樣,不管是png, jpg還是gif都可以顯示。值得注意的是,它們可以包含內容。比如,可以把歌詞放到某段歌曲中去:<audio src="誰人伴你睡.mp3" mce_src="誰人伴你睡.mp3"> <p>淚枯干</p> <p>難忍怎麼委屈自已</p> <p>曾經有一刻悲與喜</p> ... </audio>
交互性
Html 5同時也叫Web Applications 1.0, 因此也進一步發展交互能力。這些標簽就是為提高頁面的交互體驗而生:
details
datagrid
menu
command
details用來表示一段具體的內容,但是內容默認可能不顯示,通過某種手段(如點擊)與legend交互才顯示出來。這跟現在各種通過JavaScript隱藏一段內容,在點擊後才顯示出來的做法有些類似。比如:
一句話記錄生活中的點點滴滴, <details> <legend>更多</legend> <p>交流與分享,拉近你和朋友,支持 MSN/GTalk/QQ、短信、手機 WAP</p> </details>它可以有一個open的特性,用來顯示細節與否。
datagrid用來控制數據,可以由用戶或者腳本來更新。
menuHTML 2就存在了,不過HTML 4把它廢棄了。Html 5廢物利用,並在期內加上command元素。