DIV CSS 佈局教程網

html5 簡述
編輯:HTML5詳解     

新標記

<video>標記  定義和用法:

<video> 標簽定義視頻,比如電影片段或其他視頻流。

實例:

一段簡單的 Html5 視頻

<video src="movIE.ogg" controls="controls">

您的浏覽器不支持 video 標簽。

</video>

各系統與浏覽器支持的視頻格式

 <th>Html5 </th>

ogg = 帶有 Thedora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件。

mp4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件。 

<audio> 標記  定義和用法

<audio> 標簽定義聲音,比如音樂或其他音頻流。

實例:

一段簡單的 Html 5 音頻

<audio src="someaudio.wav">

您的浏覽器不支持 audio 標簽。

</audio>

音頻格式:

當前,audio 元素支持三種音頻格式:   


IE 8 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis MP4
√ √ Wav

<canvas> 標記  定義和用法:

<canvas> 標簽定義圖形,比如圖表和其他圖像。

實例:

如何通過 canvas 元素來顯示一個紅色的矩形:

<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 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。

新標准適用了一些全新的表單輸入對象,包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字符的支持。Html5 還引入了微數據,一種使用機器可以識別的標簽標注內容的方法,使語義 Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干淨,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。

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