点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语义化结构 结构化元素</title>
</head>
<body>
<header>
header定义页眉，一般放在页面最顶部。也可以放在一个模块区域的顶部。一定不要在header中包含nav
</header>
<nav>nav顶部导航栏</nav>
<aside>aside 侧边栏内容，左侧栏或者右侧栏内容 表示网站的次要信息</aside>
<main>main定义主体内容，页面中只是用一次即可 表示网站的主要信息
<article>
article定义文章块
<section>section定义一组相似主题的区域，里面包含这个主题的相关内容</section>
</article>
</main>
<footer>footer定义页脚</footer>
</body>
</html>