HTML5 中的新标签可以帮助我们更好地实现常见页面结构，例如：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<header>
<h1>网站标题</h1>
<nav>
<ul>
<li><a href="#">导航链接1</a></li>
<li><a href="#">导航链接2</a></li>
<li><a href="#">导航链接3</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h3>小标题1</h3>
<p>这里是段落内容，可以加上<strong>重要关键词</strong>进行标记。</p>
</section>
<section>
<h3>小标题2</h3>
<p>这里是段落内容，可以加上<strong>重要关键词</strong>进行标记。</p>
</section>
</main>
<aside>
<h3>侧边栏标题</h3>
<p>这里是侧边栏内容。</p>
</aside>
<footer>
<p>版权信息等内容</p>
</footer>
</body>
</html>其中，header 标签用于定义页面头部，包含网站标题和导航栏；main 标签用于定义页面主体内容，可以包含多个 section 标签，每个 section 标签表示一个小节；aside 标签用于定义侧边栏，一般用于展示相关内容或广告；footer 标签用于定义页面底部，包含版权信息等内容。
在具体实现过程中，可以根据实际需要添加其他标签，并使用 CSS 样式进行美化。需要注意的是，为了让代码更加易读易懂，可以使用 pre 标签来展示代码块。