HTML5 新标簽(新元素)
新的語義元素
HTML5提供的新元素可以更好的描述網頁文檔結構:
新語義标簽
标簽 | 描述 |
---|---|
| 定義文章。 |
| 定義頁面内容以外的内容。 |
| 定義使用者能夠檢視或隐藏的額外細節。 |
| 定義 元素的标題。 |
| 規定自包含内容,比如圖示、圖表、照片、代碼清單等。 |
| 定義文檔或節的頁腳。 |
| 規定文檔或節的頁眉。 |
| 規定文檔的主内容。 |
| 定義重要的或強調的文本。 |
| 定義導航連結。 |
| 定義文檔中的節。 |
| 定義 元素的可見标題。 |
| 定義日期/時間。 |
新的表單元素
标簽 | 描述 |
---|---|
| 定義輸入控件的預定義選項。 |
| 定義鍵對生成器字段(用于表單)。 |
| 定義計算結果。 |
新的輸入類型
HTML5 為
<input>
增加了如下類型:
- color
- date
- datetime
- datetime-local
- month
- number
- range
- search
- tel
- time
- url
- week
**ps:**浏覽器版本過低而不支援的輸入類型會預設視為:
text
新的輸入屬性
HTML5 為
<input>
增加了如下屬性:
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height 和 width
- list
- min 和 max
- multiple
- pattern (regexp)
- placeholder
- required
- step
并為
<form>
增加如需屬性:
- autocomplete
- novalidate
新的屬性文法
HTML5 允許四種不同的屬性文法。
示例
<input>
标簽中使用的不同文法:
标簽 | 描述 |
---|---|
Empty | |
Unquoted | |
Double-quoted | |
Single-quoted | |
在 HTML5 中,根據屬性所需,可能會使用所有這四種文法。
HTML5 圖像
标簽 | 描述 |
---|---|
| 定義使用 JavaScript 的圖像繪制。 |
| 定義使用 SVG 的圖像繪制。 |
新的媒介元素
标簽 | 描述 |
---|---|
| 定義聲音或音樂内容。 |
| 定義外部應用程式的容器(比如插件)。 |
| 定義 和 的來源。 |
| 定義 和 的軌道。 |
| 定義視訊或影片内容。 |