html5

1.新元素

標籤	描述
<canvas>	標籤訂義圖形，好比圖表和其餘圖像。該標籤基於 JavaScript 的繪圖 API

多媒體

標籤	描述
<audio>	定義音頻內容
<video>	定義視頻（video 或者 movie）
<source>	定義多媒體資源 <video> 和 <audio>
<embed>	定義嵌入的內容，好比插件。
<track>	爲諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。

表單

標籤	描述
<datalist>	定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。
<keygen>	規定用於表單的密鑰對生成器字段。
<output>	定義不一樣類型的輸出，好比腳本的輸出。

語義和結構

HTML5提供了新的元素來建立更好的頁面結構：

標籤	描述
<article>	定義頁面的側邊欄內容
<aside>	定義頁面內容以外的內容。
<bdi>	容許您設置一段文本，使其脫離其父元素的文本方向設置。
<command>	定義命令按鈕，好比單選按鈕、複選框或按鈕
<details>	用於描述文檔或文檔某個部分的細節
<dialog>	定義對話框，好比提示框
<summary>	標籤包含 details 元素的標題
<figure>	規定獨立的流內容（圖像、圖表、照片、代碼等等）。
<figcaption>	定義 <figure> 元素的標題
<footer>	定義 section 或 document 的頁腳。
<header>	定義了文檔的頭部區域
<mark>	定義帶有記號的文本。
<meter>	定義度量衡。僅用於已知最大和最小值的度量。
<nav>	定義運行中的進度（進程）。
<progress>	定義任何類型的任務的進度。
<ruby>	定義 ruby 註釋（中文註音或字符）。
<rt>	定義字符（中文註音或字符）的解釋或發音。
<rp>	在 ruby 註釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內容。
<section>	定義文檔中的節（section、區段）。
<time>	定義日期或時間。
<wbr>	規定在文本中的何處適合添加換行符。

2.重要標記

<video>標記

定義和用法：

</video> 標籤訂義視頻，好比電影片斷或其餘 視頻流。

<audio> 標記

定義和用法

</audio> 標籤訂義聲音，好比音樂或其餘 音頻流。

實例：

一段簡單的HTML5 音頻

<audio src="">

您的瀏覽器不支持 audio 標籤。

</audio>

<canvas> 標記

定義和用法：

<canvas> 標籤訂義圖形，好比圖表和其餘圖像。

HTML5 的 canvas 元素使用JavaScript 在網頁上繪製圖像。

畫布是一個矩形區域，您能夠控制其每一像素。

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>

3.元素變化

新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

元素的新屬性：日期和時間，email, url。

新的通用屬性：ping, charset, async

全域屬性：id, tabindex, repeat。

移除元素：center, font, strike。