原文鏈接:https://www.w3schools.com/html/html5_new_elements.asp
新的語義 / 結構元素
標簽 | 描述 |
---|---|
<article> |
定義文檔中的某篇文章 |
<aside> |
定義除了頁面內容之外的內容(如:側邊欄) |
<bdi> |
將一段文本從其外部文本中脫離出來,使其可以使用一種與外部文本不同的對其方式 |
<details> |
定義一段用戶可以查閱/隱藏的額外的詳細信息 |
<dialog> |
定義一個對話框 / 對話窗口 |
<figcaption> |
定義 <figure> 元素的標題 |
<footer> |
定義一個文檔 / 章節的頁腳 |
<header> |
定義一個文檔 / 章節的頁眉 |
<main> |
定義一個文檔的主體內容 |
<mark> |
定義標記/高亮文本 |
<menuitem> |
定義一個用戶可以通過彈出菜單調用的命令/菜單項 |
<meter> |
定義在已知范圍內的標量測量(量規) |
<nav> |
定義導航鏈接 |
<progress> |
標示任務進度 |
<rp> |
定義不支持 ruby 注釋元素的瀏覽器所顯示的內容 |
<rt> |
定義字符(中文注音或字符)的解釋或發音 |
<ruby> |
定義 ruby 注釋(中文注音或字符) |
<section> |
定義文檔的章節 |
<summary> |
定義 <details> 元素的可見標題 |
<time> |
定義日期 / 時間 |
<wbr> |
定義可能的(適當的)換行符 |
新的表單元素
標簽 | 描述 |
---|---|
<datalist> |
指定輸入控件的預定義選項列表 |
<keygen> |
定義用于表單的密鑰對生成器字段 |
<output> |
定義計算結果 |
新的輸入類型
Input Type & Input Attrs
新的屬性語法
HTML 5 允許四種屬性語法:空值、無引號值、雙引號值、單引號值
Attributes Syntax
新的圖形
標簽 | 描述 |
---|---|
<canvas> |
使用 JS 繪圖 |
<svg> |
SVG 繪圖 |
新的媒體元素
標簽 | 描述 |
---|---|
<audio> |
定義聲音內容 |
<embed> |
定義外部(非 HTML)應用的容器 |
<source> |
為媒體元素( <video> 和 <audio> )指定多媒體資源 |
<track> |
為媒體元素( <video> 和 <audio> )定義文本軌道 |
<video> |
定義視頻或電影 |