<!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>