HTML5新增的元素詳解

 HTML5中新增了許多元素

Part1:：新增的與結構相關的元素（主要是原來<div>元素的按照其功能進行了細分）

主體結構元素:

<section>元素：表示頁面的一個内容區塊

<article>元素：表示頁面一塊獨立内容

<aside>元素：表示頁面上<article>元素之外的但是與<article>相關的輔助資訊

<nav>元素：表示頁面中導航連結的部分

非主體結構元素：

<header>元素：表示頁面中一個内容區塊<section>或者整個頁面的标題

<hgroup>元素：表示對于整個頁面或者頁面一個内容區塊<section>的<header>進行組合

<footer>元素：表示對整個頁面或者頁面一個内容區塊<session>的頁腳

<figure>元素：表示一段獨立的文檔流内容

<figcaption>元素：表示<figure>元素的标題

Part2：新增的與結構無關的元素

<video>元素：用于定義視訊，無需<object type="video/ogg">

<audio>元素：用于定義音頻, 無需<object type="application/ogg">

<embed>元素：用于插入各種多媒體，可以各種格式

<mark>元素： 用于向使用者在視覺上突出顯示某些文字

<progress>元素：表示運作中的程序

<time>元素： 用于表示日期或者時間， 或者兩者

<ruby>元素: 表示ruby注釋

<rt>元素：表示字元的解釋或者發音

<rp>元素：在<ruby>内使用，表示不支援<ruby>元素的浏覽器所顯示的内容

<wbr>元素:表示軟換行，可以根據浏覽器的視窗或者父級元素的寬度自己決定

<canvas>元素：表示畫布，然後讓腳本把想畫的東西畫在上面

<command>元素：表示指令按鈕

<details>元素：表示當使用者點選某元素時候想要得到的細節資訊，常和<summary>元素聯合使用

<summary>元素：是<details>元素的第一個子元素，表示了<details>的标題

<datalist>元素:表明了可以選擇的資料清單，以下拉清單形式顯示

<datagrid>元素：表明了可選的資料清單，但是以樹清單的形式顯示

<keygen>元素：表示生成密鑰：

<output>元素：表示不同類型的輸出

<source>元素：表示為<video><audio>等媒體元素定義資源

<menu>元素：表示了菜單清單

Part3：新增的<input>元素的類型：

<email>: 表示必須輸入email位址的文本輸入框

<url>:表示必須輸入url位址的文本輸入框

<number>:表示必須輸入數值的文本輸入框

<range>:表示必須輸入一定範圍内數字的文本輸入框

Date Pickers

本文轉自 charles_wang888 51CTO部落格，原文連結：http://blog.51cto.com/supercharles888/852783，如需轉載請自行聯系原作者