HTML5新增的常用元素

標籤：io   ar   使用   sp   strong   on   art   cti   bs   

1、文檔結構元素

• <article>:該元素用於代表頁面上獨立、完整的一篇“文章”。
• <section>:該元素用於對頁面的內容進行分塊。
• <nav>：該元素專門用於定義頁面上的導航條。
• <aside>:該元素專門用於定義當前頁面或當前文章的附屬資訊。
• <header>:該元素主要用於為<article.../>元素定義文章的“頭部”資訊。
• <hgroup>:該元素主要用於組織多個<h1.../>~<h6.../>這樣的標題元素。
• <footer>:該元素主要用於為<article.../>元素定義“註腳”部分，包括文章的著作權資訊、做著授權資訊等。
• <figure>:該元素用於用於表示一塊獨立的“圖片地區”。
• <figcaption>:該元素通常放在<figure.../>內部，用於定義“圖片地區”的標題。

2、語義相關元素

• <mark>:用於顯示html頁面中需要重點“關注”的內容。
• <time>:用來顯示被標註內容是日期、時間或者日期時間。

     只有Chrome支援<details.../>與<summary.../>元素

           <details.../>元素用於顯示一段詳細資料或者某個主題細節。<details.../>元素通常會與<summary.../>元素結合使用，當把<summary.../>放在<details.../>元素內部時，<summary.../>元素用於為<details.../>定義摘要資訊，摘要資訊預設是可見的，當使用者點擊摘要資訊時，瀏覽器會顯示出<details.../>裡的詳細內容。

3、兩個特殊功能的元素

• <meter>：用於表示一個已知最大值和最小值的計數儀錶。

        value:指定計數儀錶的當前值。

        min:指定計數儀錶的最小值。

        max:指定計數儀錶的最大值。

        low:指定計數儀錶指定範圍的最小值。

        high:指定計數儀錶指定範圍的最大值。

        optinum:指定計數儀錶指定範圍的最佳值。

• <progress>：用於表示一個進度條。

        max:指定進度條完成時的值。

        value:指定進度條當前完成的進度值。

 

HTML5新增的常用元素