写一个html页面深度为3
时间: 2024-02-05 17:10:35 浏览: 27
以下是一个深度为3的HTML页面示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>深度为3的HTML页面示例</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h1>欢迎来到我们的网站</h1>
<p>我们是一家提供高品质产品和服务的公司。</p>
</section>
<section>
<h2>我们的产品</h2>
<ul>
<li>产品1</li>
<li>产品2</li>
<li>产品3</li>
</ul>
</section>
<section>
<h2>最新消息</h2>
<article>
<h3>新产品发布</h3>
<p>我们刚刚发布了一款新产品,欢迎前来了解。</p>
</article>
<article>
<h3>促销活动</h3>
<p>我们正在举行促销活动,多买多优惠。</p>
</article>
</section>
</main>
<footer>
<p>版权所有 © 2021 我们的公司</p>
</footer>
</body>
</html>
```
该页面包含了一个头部导航栏、一个主要内容区域和一个底部版权声明。主要内容区域包含了三个部分,分别是欢迎信息、产品列表和最新消息。其中最新消息部分包含了两个子部分,使用了`<article>`标签进行包裹,以提高语义化。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)