语义化标签理解

出处：html5提出的

是什么：是一种封装标签，原来都是采用css选择器来绑定一些功能，不利于阅读

<div class="header"></div>
<div class="section">
    <div class="article">
    <div class="figure">
    <img><div class="figcaption"></div>
    </div>
    </div>
</div>
<div class="footer"></div>

性质：语义化标签本身并不带有任何样式，它们只是用来描述文档的结构和内容的一种方式。通过使用语义化标签，可以使 HTML 结构更加清晰和易于理解。

都有什么：

有很多常用的有

1. <header>：用于定义文档或节的页眉。
2. <footer>：用于定义文档或节的页脚。
3. <nav>：用于定义导航链接的区域。
4. <article>：用于定义独立的内容块，如博客文章、新闻报道等。
5. <section>：用于定义文档中的节或区域。
6. <aside>：用于定义与页面内容相关的侧边栏或附属信息。
7. <main>：用于定义文档的主要内容区域。
8. <figure>：用于定义一组与主要内容相关的媒体内容，通常配合<figcaption>使用。
9. <figcaption>：用于为<figure>元素定义标题。