HTML5 新元素-4.3HTML5

閱讀 ?·? 發(fā)布日期 2019-07-11 12:30 ?·? admin

HTML5 中的新元素

下面列出的 HTML5 的新元素，以及對(duì)它們的描述。

HTML5 提供的新元素可以構(gòu)建更好的文檔結(jié)構(gòu)：

標(biāo)簽	描述
<article>	定義文檔內(nèi)的文章。
<aside>	定義頁(yè)面內(nèi)容之外的內(nèi)容。
<bdi>	定義與其他文本不同的文本方向。
<details>	定義用戶可查看或隱藏的額外細(xì)節(jié)。
<dialog>	定義對(duì)話框或窗口。
<figcaption>	定義 <figure> 元素的標(biāo)題。
<figure>	定義自包含內(nèi)容，比如圖示、圖表、照片、代碼清單等等。
<footer>	定義文檔或節(jié)的頁(yè)腳。
<header>	定義文檔或節(jié)的頁(yè)眉。
<main>	定義文檔的主內(nèi)容。
<mark>	定義重要或強(qiáng)調(diào)的內(nèi)容。
<menuitem>	定義用戶能夠從彈出菜單調(diào)用的命令/菜單項(xiàng)目。
<meter>	定義已知范圍（尺度）內(nèi)的標(biāo)量測(cè)量。
<nav>	定義文檔內(nèi)的導(dǎo)航鏈接。
<progress>	定義任務(wù)進(jìn)度。
<rp>	定義在不支持 ruby 注釋的瀏覽器中顯示什么。
<rt>	定義關(guān)于字符的解釋/發(fā)音（用于東亞字體）。
<ruby>	定義 ruby 注釋（用于東亞字體）。
<section>	定義文檔中的節(jié)。
<summary>	定義 <details> 元素的可見(jiàn)標(biāo)題。
<time>	定義日期/時(shí)間。
<wbr>	定義可能的折行（line-break）。

閱讀更多有關(guān) HTML5 語(yǔ)義的內(nèi)容。

閱讀更多有關(guān) HTML 表單元素中新老元素。

新的輸入類型	新的輸入屬性
color date datetime datetime-local email month number range search tel time url week	autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height 和 width list min 和 max multiple pattern (regexp) placeholder required step

學(xué)習(xí) HTML 輸入類型中的所有新老輸入類型。

學(xué)習(xí) HTML 輸入屬性中的所有輸入屬性。

HTML5 允許四種不同的屬性語(yǔ)法。

該例演示 <input> 標(biāo)簽中使用的不同語(yǔ)法：

標(biāo)簽	描述
Empty	<input type="text" value="John Doe" disabled>
Unquoted	<input type="text" value=John>
Double-quoted	<input type="text" value="John Doe">
Single-quoted	<input type="text" value='John Doe'>

在 HTML5 中，根據(jù)屬性所需，可能會(huì)使用所有這四種語(yǔ)法。

標(biāo)簽	描述
<canvas>	定義使用 JavaScript 的圖像繪制。
<svg>	定義使用 SVG 的圖像繪制。