HTML5 新元素

HTML5 是 HTML 的最新版本，引入了许多新的元素和功能，使得网页开发更加简单和灵活。在本章节中，我们将介绍一些 HTML5 中的新元素，并讨论它们的用途和示例代码。

1. <header>

<header> 元素用于定义文档或节的页眉。通常包含网站的标题、logo、导航菜单等内容。

示例代码：

-- -------------------- ---- -------
--------
    ------ ------------
    -----
        ----
            ------ ----------------------
            ------ -----------------------
            ------ -------------------------
        -----
    ------
---------

2. <footer>

<footer> 元素用于定义文档或节的页脚。通常包含版权信息、联系方式、网站地图等内容。

示例代码：

<footer>
    <p>&copy; 2022 My Website. All Rights Reserved.</p>
    <p>Email: info@mywebsite.com</p>
</footer>

3. <section>

<section> 元素用于定义文档中的一个节或区块。通常用于组织相关内容，如文章的章节、产品的介绍等。

示例代码：

<section>
    <h2>Chapter 1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</section>

4. <article>

<article> 元素用于定义独立的内容，如一篇文章、一篇博客等。可以包含标题、作者、发布日期等信息。

示例代码：

<article>
    <h2>Article Title</h2>
    <p>By John Doe</p>
    <p>Published on January 1, 2022</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>

以上是 HTML5 中一些常用的新元素，通过合理使用这些元素，可以使网页的结构更加清晰和语义化。在实际项目中，可以根据需要结合这些元素来构建具有良好结构的网页。