HTML5的學習之新增元素

HTML5的學習之新增元素

這篇文章學習一下HTML5新增的元素及瀏覽器的兼容

標籤	描述
<article>	定義頁面獨立的內容區域。
<aside>	定義頁面的側邊欄內容。
<bdi>	允許您設置一段文本，使其脫離其父元素的文本方向設置。
<command>	定義命令按鈕，比如單選按鈕、複選框或按鈕
<details>	用於描述文檔或文檔某個部分的細節
<dialog>	定義對話框，比如提示框
<summary>	標籤包含 details 元素的標題
<figure>	規定獨立的流內容（圖像、圖表、照片、代碼等等）。
<figcaption>	定義 元素的標題
<footer>	定義 section 或 document 的頁腳。
<header>	定義了文檔的頭部區域
<mark>	定義帶有記號的文本。
<meter>	定義度量衡。僅用於已知最大和最小值的度量。
<nav>	定義導航鏈接的部分。
<progress>	定義任何類型的任務的進度。
<ruby>	定義 ruby 註釋（中文注音或字符）。
<rt>	定義字符（中文注音或字符）的解釋或發音。
<rp>	在 ruby 註釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內容。
<section>	定義文檔中的節（section、區段）。
<time>	定義日期或時間。
<wbr>	規定在文本中的何處適合添加換行符。

其中，<header>,<nav>,<section>,<article>,<aside>,<figcaption>,<figure>,<footer>爲語義化新元素，即標籤名成基本可以表達元素的意義。

    <!-- <div class="header"></div> -->
    <header></header>
    <figure>
        <img src="../js練習/1.jpg" alt="">
        <figcaption>這是一輛跑車</figcaption>  
    </figure>

視頻講解鏈接：
https://www.bilibili.com/video/BV16f4y127hi/