HTML5的标签

HTML5是最新的HTML标准，它引入了许多新的元素和属性，使得网页设计更加灵活和强大，这些新元素和属性被称为HTML5标签，在这篇文章中，我们将详细介绍一些常用的HTML5标签。

## 1. <header> 标签

<header>标签用于定义文档的头部区域，通常包含一组介绍性或导航性的内容，这个标签通常包含一个标题元素（<h1>到<h6>），但也可以包含其他元素，如<nav>、<section>、<article>等。

<header>
  <h1>欢迎来到我的网站</h1>
  <nav>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
  </nav>
</header>

## 2. <nav> 标签

<nav>标签用于定义页面的主要导航链接，这个标签通常包含一个无序列表（<ul>）和一个或多个列表项（<li>），每个列表项通常包含一个链接（<a>）。

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

## 3. <main> 标签

<main>标签用于定义文档的主体内容，在一个页面中，应该只有一个<main>标签，这个标签通常包含页面的主要信息，如新闻文章、博客帖子、产品描述等。

<main>
  <article>
    <h2>文章标题</h2>
    <p>文章内容...</p>
  </article>
</main>

## 4. <article> 标签

<article>标签用于定义独立的、完整的、可以独立于文档其余部分阅读的内容，如一篇博客帖子、一段新闻故事等，这个标签通常包含一个标题元素（<h1>到<h6>）和一个或多个段落元素（<p>）。

<article>
  <h2>文章标题</h2>
  <p>文章内容...</p>
</article>

## 5. <footer> 标签

<footer>标签用于定义文档或一个区域的底部，通常包含一组作者信息、版权信息、联系信息等，这个标签可以包含任何有效的HTML元素。

<footer>
  <p>&copy; 2022 我的网站</p>
  <p><a href="mailto:webmaster@example.com">联系我们</a></p>
</footer>