課程詳情 在線報名
HTML5 草案的前身名為 Web Applications 1.0。於 2004 年被 WHATWG 提出,於 2007 年被 W3C 接納,并成立了新的 HTML 工作團隊。在 2008 年 1 月 22 日,*份正式草案已公布,預計將在 2010 年 9 月正式向公眾推薦。 WHATWG 表示該規范是目前正在進行的工作,仍須多年的努力。
新標記
HTML5 提供了一些新的元素和屬性,例如<nav>(網站導航塊)和<footer>。這種標簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如<audio>和<video>標記。
一些過時的 HTML4 標記將被取消。其中包括純粹顯示效果的標記,如<font>和<center>,它們已
經被 CSS 取代。
<video>標記
定義和用法:
<video> 標簽定義視頻,比如電影片段或其他視頻流。
實例:
一段簡單的 HTML5 視頻
1
|
<video src="movie.ogg" controls="controls">
|
您的瀏覽器不支持 video 標簽。
</video>
各系統與瀏覽器支持的視頻格式:
1
2
3
4
|
<th>HTML5 </th>
[object Object]
|
ogg = 帶有 Thedora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件。
mp4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件。
<audio> 標記
定義和用法
<audio> 標簽定義聲音,比如音樂或其他音頻流。
實例:
一段簡單的 HTML 5 音頻
<audio src="someaudio.wav">
您的瀏覽器不支持 audio 標簽。
</audio>
音頻格式:
當前, audio 元素支持三種音頻格式:
<canvas> 標記
定義和用法:
<canvas> 標簽定義圖形,比如圖表和其他圖像。
實例:
如何通過 canvas 元素來顯示一個紅色的矩形:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
|
什么是 Canvas?
HTML5 的 canvas 元素使用 JavaScript 在網頁上繪制圖像。
畫布是一個矩形區域,您可以控制其每一像素。
canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
HTML5: 標簽的改變
HTML5 吸取了 XHTML 2 一些建議,包括一些用來改善文檔結構的功能,比如,新的 HTML 標
簽 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者
在這些場合是一律使用 div 的。
HTML5 還包含了一些將內容和展示分離的努力,開發者們也許會驚訝, b 和 i 標簽依然存在,
但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們
設置粗體或斜體式樣。 u, font, center, strike 這些標簽則被完全去掉了。
新標準適用了一些全新的表單輸入對象,包括日期, URL, Email 地址,其它的對象則增加了對非
拉丁字符的支持。 HTML5 還引入了微數據,一種使用機器可以識別的標簽標注內容的方法,使語義
Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干凈,更容易管理
的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。
新應用程序接口( API)
除了原先的 DOM 接口, HTML5 增加了更多 API,如:
1. 用于即時 2D 繪圖的 Canvas 標簽
2. 定時媒體回放
3. 離線數據庫存儲
4. 文檔編輯
HTML 5 從入門到精通-中文學習教程
第 9 頁, 總 261 頁 05-16-2011
5. 拖拽控制
6. 瀏覽歷史管理
HTML 5與 HTML 4 的不同之處
新的解析順序新的元素: section, video, progress, nav, meter, time, aside, canvasinput 元素的新屬性:
日期和時間, email, url。新的通用屬性: ping, charset, async 全域屬性: id, tabindex, repeat。移除元素:
center, font, strike。
HTML 5 有兩大特點:
首先,強化了 Web 網頁的表現性能。除了可描繪二維圖形外,還準備了用于播放視頻和音頻的標
簽。
其次,追加了本地數據庫等 Web 應用的功能。
異常處理
HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。 HTML5 在設計時保證舊的瀏覽器能夠
安全的忽略掉新的 HTML5 代碼。與 HTML4.01 相比, HTML5 給出了解析的詳細規則,力圖讓不同的
瀏覽器即使在發生語法錯誤時也能返回相同的結果。
只要一個電話
我們免費為您回電