html5新增语义化标签

1、<header></header>

2、<footer></footer>

3、<nav></nav>

4、<hgroup></hgroup>

     页面上的一个标题组合，如下：　　

     <hgroup>

　　　　<h1></h1>
　　　　<h2>IT培训</h2》

　　</hgroup>

5、<section>用来划分区域</section>
6、<article>主体</article>

　　<aside>和主体相关的附属信息</aside>

7、媒体元素

　　<figure>

　　　　<img />

　　　　<figcaption>媒体元素</figcaption>

　　</figure>

8、<time></time>

9、<datalist></datalist>

<input type="text" list="valList" />
<datalist id="valList">
    <option value="javascript">javascript</option>
    <option value="html">html</option>
    <option value="css">css</option>
</datalist>

10、<dialog></dialog>

<dialog open>
  <dt>老师</dt>
  <dd>2+2 等于？</dd>
  <dt>学生</dt>
  <dd>4</dd>
  <dt>老师</dt>
  <dd>答对了！</dd>
</dialog>

11、进度条

<progress max="200" value="100">
    <span>76</span>%
</progress>

二、新增表单控件

1、<input type="email" />

2、<input type="tel" />

3、<input type="url" />

4、<input type="search" />

5、<input type="range" step="2" min="0" max="10" value="2" />

6、<input type="number"/>

7、<input type="color"/>

8、<input type="datetime"/>

9、<input type="time"/>

10、<input type="date"/>

11、<input type="week"/>

12、<input type="month"/>

三、表单新增相关属性

placeholder、autocomplete、autofocus、required、pattern