main标签使用的代码示例
时间: 2024-02-24 19:53:36 浏览: 14
main标签是HTML5中的一个语义化标签,用于标记页面的主要内容区域。以下是一个main标签的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例页面</title>
</head>
<body>
<header>
<h1>示例页面</h1>
</header>
<nav>
<ul>
<li><a href="#">导航1</a></li>
<li><a href="#">导航2</a></li>
<li><a href="#">导航3</a></li>
</ul>
</nav>
<main>
<article>
<h2>文章标题</h2>
<p>文章内容...</p>
</article>
</main>
<aside>
<h3>侧边栏标题</h3>
<ul>
<li>侧边栏内容1</li>
<li>侧边栏内容2</li>
<li>侧边栏内容3</li>
</ul>
</aside>
<footer>
<p>© 2021 示例页面</p>
</footer>
</body>
</html>
```
在这个示例中,main标签包含了一个article标签,用于标记页面的主要内容区域。其他的标签如header、nav、aside和footer则用于标记页面的其他部分。使用main标签可以让页面结构更加清晰明了,同时也有助于搜索引擎优化。