<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
1.header 页眉（最顶部的盒子）
2.footer 页脚（最底部的盒子）
3.main 主体（中间的盒子）
4.hgroup 标题组合使用（一个盒子内有两个标题，可以使用组合）
5.nav 导航栏
6.article 独立的内容
7.aside 辅助信息的内容
8.section 区域
9.figgure 描述图像或视频
10.figcaption 描述图像或视频的标题部分
11.datalist 选项列表（将所选中的内容筛选出来）
12.details 文档细节，出现小三角，可以将下面内容收缩 open=以下内容是否要展示
13.summary 文档标题
14.progress 定义进度条 min="定义最小值" max=定义最大值 value=“进度条走到N%”
15.meter 定义度量范围（样式不一样）(属性值同进度条这块一样)
16.time 定义日期
17.mark 带有标记
</head>
<body>
<header>页眉（最顶部的盒子）</header>
<footer>页脚（最底部的盒子）</footer>
<main>主体（中间的盒子）</main>
<hgroup>标题组合使用（一个盒子内有两个标题，可以使用组合）</hgroup>
<nav>导航栏</nav>
<main>
<article>独立的内容(如：主体盒子下每一块盒子)
<section>每一块盒子的的一小部分的区域
<figure>
视频/音频
<figcaption>标题</figcaption>
</figure>
</section>
</article>
<aside>辅助信息内容（左侧/右侧的信息内容）</aside>
</main>
<article>
<input type="text" list="elems" />
<datalist id="elems">
<option >1</option>
<option >2</option>
<option >3</option>
</datalist>
<details open>
<summary>HTML</summary>
<summary>超文本标记语言</summary>
</details>
</article>
<section>
<progress min="0" max="100" value="50"></progress>
<meter min="0" max="100" value="80"></meter>
<time title="2-14-00:00">日期</time>
<mark>带有标记的属性</mark>
</section>
</body>
</html>
