html5

<input type="range"> 
<!--定义滑块控件-->

<nav></nav>
<!--导航-->

<header></header>
<!--元素表示一组引导性的帮助，可能包含标题元素，也可以包含其他元素，像logo、分节头部、搜索表单等。-->

<main></main>
<!--主要功能部分-->

<footer></footer>
<!--最近一个章节内容或者根节点元素的页脚-->

<input type="range" min="-10" max="10">
<!--定义滑块-->

<p>He got a <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>
<!--用来显示已知范围的标量值或者分数值-->

<object>
<!--表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用的资源(flash)-->

<div contenteditable>你好</div>
<!--contenteditable 属性使得div 可编辑-->

<input type="search">
<!--search 自带清空按钮，并且文本框自动为圆角-->
<input type="range">
<!--range 自带滑动条-->

<section>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</section>
<!--表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会包含一个标题（heading）。一般通过是否包含一个标题作为子节点 来 辨识每一个<section>。-->