什么是html5語義化標簽

這篇文章主要講解了“什么是html5語義化標簽”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“什么是html5語義化標簽”吧！

1.<article>

可以是頁面任何獨立的內容區域，比如文章/博客/新聞/故事/論壇帖子/評論等等任何獨立的內容。

<article>
    <header>
        <h2>文章標題</h2>
        <p>發布時間：<time pubdate='2019-05-06'>2019-05-06</time></p>
        <p>作者：xxx</p>
    </header>
    <p>文章內容.........</p>
    <p>文章內容.........</p>
</article>

2.<section>

定義文檔中的節、區段，比如章節、頁眉或文章中的其他部分。比如我們對一篇文章進行分章節。

<article>
    <header>
        <h2>文章標題</h2>
        <p>發布時間：<time pubdate='2019-05-06'>2019-05-06</time></p>
        <p>作者：xxx</p>
    </header>
    <section>
        <h3>章節一的標題</h3>
        <p>文章內容.........</p>
    </section>
    <section>
        <h3>章節二的標題</h3>
        <p>文章內容.........</p>
    </section>
</article>

<section>應包含一組內容及其標題。如果內容沒有標題，不推薦使用<section>。

3.<nav>

定義頁面的導航區域。

<nav>
    <a href='/a'>頁面a</a>
    <a href='/b'>頁面b</a>
    <a href='/c'>頁面c</a>
</nav>

4.<aside>

定義頁面主區域內容之外的內容（比如側邊欄）

5.<header>

描述文檔頭部區域，用于定義內容的介紹展示，可以使用多個<header>。

為了幫助大家讓學習變得輕松、高效，給大家免費分享一大批資料，幫助大家在成為前端工程師，乃至全棧工程師的路上披荊斬棘。在這里給大家推薦一個前端全棧學習交流圈：784783012 歡迎大家進群學習交流，共同進步。
當真正開始學習的時候難免不知道從哪入手，導致效率低下影響繼續學習的信心。
但最重要的是不知道哪些技術需要重點掌握，學習時頻繁踩坑，最終浪費大量時間，所以有效資源還是很有必要的。

6.<footer>

描述文檔底部區域，通常包含文檔作者，著作權，使用條款，聯系信息等，可以使用多個<footer>，文檔的大致結構可以分為

下面是更細致的語義化標簽，也是更容易被忽略的標簽。

7.<figure>和<figcaption>

<figure>定義獨立的流內容（圖像、圖表、照片、代碼等等）。
<figcaption>定義<figure>的標題，通常置于figure元素的第一個或最后一個子元素

感謝各位的閱讀，以上就是“什么是html5語義化標簽”的內容了，經過本文的學習后，相信大家對什么是html5語義化標簽這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！