這篇文章主要介紹“HTML5有哪些新元素”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“HTML5有哪些新元素”文章能幫助大家解決問題。
HTML5的新元素有：1、canvas，可定義圖形；2、audio，可定義音頻內容；3、video，可定義視頻；4、embed，可定義嵌入的內容；5、datalist，可定義選項列表；6、output；7、bdi；8、nav；9、rt等等。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
<canvas> 新元素
| 標簽 | 描述 |
|---|---|
| <canvas> | 標簽定義圖形，比如圖表和其他圖像。該標簽基于 JavaScript 的繪圖 API |
新多媒體元素
| 標簽 | 描述 |
|---|---|
| <audio> | 定義音頻內容 |
| <video> | 定義視頻（video 或者 movie） |
| <source> | 定義多媒體資源 <video> 和 <audio> |
| <embed> | 定義嵌入的內容，比如插件。 |
| <track> | 為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。 |
新表單元素
| 標簽 | 描述 |
|---|---|
| <datalist> | 定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。 |
| <keygen> | 規定用于表單的密鑰對生成器字段。 |
| <output> | 定義不同類型的輸出，比如腳本的輸出。 |
新的語義和結構元素
| 標簽 | 描述 |
|---|---|
| <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> | 規定在文本中的何處適合添加換行符。 |
關于“HTML5有哪些新元素”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
