HTML5新元素
自1999年以來，HTML 4.01有了很大的變化。 如今，幾個HTML 4.01已被棄用，這些元素已被刪除或HTML5重新定義。
為了更好地處理當今的互聯網應用，HTML5增加了很多新的元素和功能，如：圖形渲染，多媒體內容，更好的網頁結構，更好的形式處理，和幾個API拖放元素，定位，包括Web應用程序緩存，存儲，網絡工作者，等等。
在HTML5中的新元素
下面是新的HTML5元素的列表，以及它們的用途的描述。
新的語義/結構元素
HTML5提供了更好的文檔結構的新元素：
| 標籤 | 描述 |
|---|---|
| <article> | 定義文檔中的文章 |
| <aside> | 從頁面內容定義內容一邊 |
| <bdi> | 定義文本的一部分可能會從其他文字不同的方向進行格式化 |
| <details> | 定義的其他詳細信息，用戶可以查看或隱藏 |
| <dialog> | 定義對話框或窗口 |
| <figcaption> | 定義了一個標題為<figure>元件 |
| <figure> | 定義自包含的內容，比如插圖，圖表，圖片，代碼清單等。 |
| <footer> | 定義頁腳的文檔或節 |
| <header> | 定義了一個標頭的文檔或部 |
| <main> | 定義文檔的主要內容 |
| <mark> | 定義標記或突出顯示的文本 |
| <menuitem> | 定義用戶可以從彈出菜單中調用命令/菜單項 |
| <meter> | 定義了一個已知的範圍內的標量測量(a gauge) |
| <nav> | 定義文檔中的導航鏈接 |
| <progress> | 定義任務的進度 |
| <rp> | 定義如何在瀏覽器中顯示，不支持ruby註解 |
| <rt> | 定義字符的解釋/的發音（東亞版式） |
| <ruby> | 定義ruby註釋(for East Asian typography) |
| <section> | 定義部分文檔中 |
| <summary> | 定義了一個可見的標題為<details>元件 |
| <time> | 定義日期/時間 |
| <wbr> | 定義一個可能的斷行 |
了解更多關於HTML5語義 。
新的表單元素
| 標籤 | 描述 |
|---|---|
| <datalist> | 定義了用於輸入控制預先定義的選項 |
| <keygen> | 定義了一個密鑰對發電機磁場(for forms) |
| <output> | 定義計算的結果 |
閱讀所有關於新老表單元素HTML表單元素 。
新的輸入類型
| 新的輸入類型 | 新輸入屬性 |
|---|---|
|
|
要詳細了解新老輸入類型的HTML輸入類型 。
了解所有關於中輸入屬性HTML輸入屬性 。
HTML5 - 新的屬性語法
HTML5允許屬性四種不同的語法。
該實施例表明在使用的不同語法<input>標籤：
| 類型 | 例 |
|---|---|
| 空 | <input type="text" value="John" disabled > |
| 非上市 | <input type="text" value=John > |
| 雙引號 | <input type="text" value="John Doe" > |
| 單引號 | <input type="text" value='John Doe' > |
在HTML5中，可以使用所有四個語法，這取決於什麼是需要的屬性。
HTML5圖形
| 標籤 | 描述 |
|---|---|
| <canvas> | 定義使用JavaScript圖形繪製 |
| <svg> | 定義使用SVG圖形繪製 |
了解更多關於HTML5的畫布 。
了解更多關於HTML5 SVG 。
新媒體元素
| 標籤 | 描述 |
|---|---|
| <audio> | 定義聲音或音樂內容 |
| <embed> | 定義容器外部應用程序(like plug-ins) |
| <source> | 定義源<video>和<audio> |
| <track> | 定義軌道為<video>和<audio> |
| <video> | 定義視頻或電影內容 |
了解更多關於HTML5視頻 。
了解更多關於HTML5音頻 。