HTML 5入門知識（一）

標籤：source   任務   輸出   應用平台   list   相關   定義   section   ide   

　　瞭解HTML 5

HTML5 並非僅僅用來表示web內容，它的使命是將web帶入一個成熟的應用平台，在這個平台上，視頻、音頻、映像、動畫，以及與電腦的互動都被標準化。

 

　　HTML 5概述

HTML 5實際上指的是包括HTML、CSS樣式和JavaScript指令碼在內的一整套技術的組合，希望通過HTML 5能夠輕鬆地實現許多豐富的網路應用需求，而減少瀏覽器對外掛程式的依賴，並且提供更多能有效增強網路應用的標準集。

 

　　HTML 5新增的標籤

結構標籤：

<article>標籤用於在網頁中標識獨立的主體內容地區，可用於論壇文章、報紙文章、部落格條目和使用者評論等。

<aside>標籤用於在網頁中標識非主體內容地區，該地區中的內容應該與附近的主體內容相關。

<section>標籤用於在網頁中標識文檔的小節或部分。

<footer>標籤用於在網頁中標識頁尾部分，或者內容區塊的腳註。

<header>標籤用於在網頁標識頁首部分，或者內容區塊的標題。

<nav>標籤用於在網頁中標識導航部分。

文字標籤：

<bdi>標籤在網頁中允許設定一段文本，使其脫離其父元素的文本方向設定。

<mark>標籤在網頁中用於標識需要高亮顯示的文本。

<time>標籤在網頁中用於標識日期或時間。

<output>標籤在網頁中用於標識一個輸出的結果。

應用和輔助標籤：

<audio>標籤用於在網頁中定義聲音，如背景音樂或其他音頻流。

<video>標籤用於在網頁中定義視頻，如電影片段或其他視頻流。

<source>標籤為媒介標籤（如audio和video）在網頁中用於定義媒介資源。

<track>標籤在網頁中為例如video元素之類的媒介規定外部文本軌道。

<canvas>標籤在網頁中用於定義圖形，例標和其他映像。該標籤知識圖形容器，必須使用指令碼繪製圖形。

<embed>標籤在網頁中用於標識來自外部的互動內容或外掛程式。

進度標籤：

<progress>標籤用於在網頁中標識任務進度顯示的進度條。

<meter>標籤可以根據value屬性賦值和最大、最小值得度量進行顯示的進度條。

互動性標籤：

<command>標籤用於在網頁中標識一個命令元素（單選、複選或者按鈕）；若且唯若這個元素出現在<menu>標籤裡面時才會被顯示，否則將只能作為鍵盤快速鍵的一個載體。

<datalist>標籤用於在網頁中標識一個選項組，與input標籤配合使用該標籤，來定義input元素可能地值。

在文檔和應用中使用的標籤：

<detalis>標籤在網頁中用於標識描述文檔或者文檔某個部分的細節。

<summary>標籤在網頁中用於標識<detalis>標籤內容的標題。

<figcaption>標籤在網頁中用於標識<figure>標籤內容的標題。

<figure>標籤在網頁中用於標識一塊獨立的流內容（映像、圖表、照片和代碼等）。

<hgroup>標籤在網頁中用於標識文檔或內容的多個標題。用於將h1至h6元素打包，最佳化頁面結構在SEO中的表現。

rudy標籤：

<ruby>標籤在網頁中用於標識ruby注釋（中文注音或字元）。

<rp>標籤在ruby注釋中使用，以定義不支援<ruby>標籤的瀏覽器所顯示的內容。

<rt>標籤在網頁中用於標識字元（中文注音或字元）的解釋或發音。

其他標籤：

<keygen>標籤用於標識表單秘鑰產生器元素。當提交表單時，金鑰儲存區在本地，公密鑰發送到伺服器。

<wbr>標籤用於標識單詞中適當的換行位置，可以用該標籤為一個長單詞指定合適的換行位置。

 

 

 

參考資料：

http://www.runoob.com/html/html5-intro.html

 

http://www.w3school.com.cn/html5/index.asp

HTML 5入門知識（一）