块元素

• article 多用于定义文章

• header 代表一块区域的头部

• nav 代表一块区域的导航

• main 代表一块区域的主体

• footer 代表一块区域的尾部

• figure 包裹一块图片等信息

  • figcaption 设置该区域的标题

<figure>
    <figcaption>图片区域标题</figcaption>
    <p>定义一块图片区域</p>
</figure>

• section 可以把section当做div使用，代表一个区域
• aside 定义与页面关联程度不高的内容（精灵图）
• datails 定义一个小块区域，可以收起，可以展开
  • summary 可以修改名称
  • open属性 代表默认打开

 <details open>
    <summary>点击展开</summary>
    <p>我是隐藏的详细内容</p>
</details>

行内元素（内联元素）

• output 代表输出内容

<output>输出内容</output>

• time 时间

<time>2016年11月14日 12:12:12:</time>

• mark 被标记的文字，与span类似

<mark>我是被标记的文字</mark>
<span>span</span>

行内块元素（内联块元素）

• progress 进度条

<progress value="10" max="100">10%</progress>

另一个

• datalist 配合input的list属性，给输入框提供备选项

<input list="browser" />
<datalist id="browser">
    <option value="IE">IE</option>
    <option value="Chrome">Chrome</option>
    <option value="FirFox">FirFox</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
</datalist>