<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实验楼</title>
</head>
<body>
<header>
<h1>This Is Header</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<article>
<h1>Article heading</h2>
<p>好好学习天天向上</p>
<h2>subsection</h3>
<p>今天适合学习</p>
<h3>Another subsection</h3>
<p>学习使我快乐</p>
</article>
<aside>
<h2>Related</h2>
<ul>
<li><a href="#">春天万物复苏</a></li>
<li><a href="#">夏天夏日绵绵</a></li>
<li><a href="#">秋天秋高气爽</a></li>
<li><a href="#">冬天白雪皑皑</a></li>
</ul>
</aside>
</main>
<footer>
<p>©Copyright 2018 by CHD.</p>
</footer>
</body>
</html>
html-文档结构
原文：https://www.cnblogs.com/emma-zhu/p/11819019.html
