HTML5是最新的HTML标准，它提供了许多新的功能和特性，使得网页开发更加简单、高效，本文将通过一个简单的HTML5实例来介绍HTML5的基本结构和常用标签。
1、文档结构
HTML5文档的基本结构包括DOCTYPE声明、html标签、head标签和body标签，DOCTYPE声明用于告诉浏览器当前文档使用的是HTML5规范，html标签是整个文档的根元素，head标签包含了文档的元数据，如字符集、标题等，body标签包含了文档的内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5示例</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
2、常用标签
HTML5中有许多新的标签，如header、nav、section、article、aside、footer等，这些标签使得网页结构更加清晰，有利于搜索引擎优化（SEO）。
2、1 header标签
header标签用于定义文档的头部区域，通常包含网站Logo、导航栏等元素，一个页面可以有多个header标签，但只能有一个具有唯一标识的header标签。
<header>
<h1>网站Logo</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
2、2 nav标签
nav标签用于定义导航链接，通常包含一组链接，如主导航、侧边导航等，一个页面可以有多个nav标签，但只能有一个具有唯一标识的nav标签。
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
2、3 section标签
section标签用于定义文档中的一个区块，通常包含一个独立的主题或内容，一个页面可以有多个section标签。
<section>
<h2>产品介绍</h2>
<p>这里是产品介绍的内容。</p>
</section>
2、4 article标签
article标签用于定义独立的文章内容，如博客文章、新闻等，一个页面可以有多个article标签，article标签通常与section标签一起使用。
<section>
<article>
<h2>博客文章标题</h2>
<p>这里是博客文章的内容。</p>
</article>
</section>
2、5 aside标签
aside标签用于定义与主要内容相关但不是必须的辅助内容，如侧边栏、广告等，一个页面可以有多个aside标签，aside标签通常与section标签一起使用。
<section>
<article>
<h2>博客文章标题</h2>
<p>这里是博客文章的内容。</p>
</article>
<aside>
<h3>相关文章推荐</h3>
<ul>
<li><a href="#">文章1</a></li>
<li><a href="#">文章2</a></li>
<li><a href="#">文章3</a></li>
</ul>
</aside>
</section>
2、6 footer标签
footer标签用于定义文档或一个区块的底部，通常包含版权信息、联系方式等，一个页面可以有多个footer标签，但只能有一个具有唯一标识的footer标签，footer标签通常与header、nav、section等标签一起使用。
<footer>
<p>© 2022 公司名称. All rights reserved.</p>
<p><a href="mailto:info@example.com">info@example.com</a></p>
</footer>