1.<header>用在页面的头部或者版块的头部</header>
2.<nav><a href="#">链接</a><a href="#">链接</a></nav>
<nav>//用在导航,具体用法仁者见仁智者见智,有几种常见情况
<p><a href="#">111111</a></p>
<p><a href="#">222222</a></p>
</nav>
<nav>
<h2>前端</h2>
<ul>
<li><a href="#">javascript</a></li>
<li><a href="#">html+css</a></li>
</ul>
</nav>
3.<hgroup> //用于组合标题
<h1>标题1</h1>
<h2>标题2</h2>
</hgroup>
4.<section>用来划分区域(划分有标题的区域)</section>
5.<article>主体或者文章吧!仁者见仁智者见智</article>
6.<aside>和主体相关的附属信息</aside>
7.<figure>
<img src="" />
<figcaption> 图片的相关标题或者文字</figcaption>
</figure>
8.<time>9:00</time> //时间
9.<datalist id="valList"> //input输入框中可能会出现的内容列表
<option value="javascript">javascript</option>
<option value="html">html</option>
<option value="css">css</option>
</datalist>
10.<details> //关闭和打开的下拉列表 open close 的属性
<summary>标题</summary>
<p>内容</p>
</details>
11.<dialog> 对话列表:有一个open 的属性
<dt>甲</dt>
<dd>你叫什么名字?</dd>
<dt>乙</dt>
<dd>我叫乙</dd>
<dt>甲</dt>
<dd>乙,认识你真开心。</dd>
</dialog>
12.<address>作者信息、地址、详情等等</address>
13.<mark>标记,默认有黄色背景颜色,可以用css样式更改</mark>
14.<keygen name="securityd" /> //给表单添加一个公钥
15.<progress max="200" value="100"></progress> //进度条
16.<input type="email" />//当输入不是邮箱的时候,验证通不过
<input type="submit" />
<input type="reset" />
<input type="tel" />
<input type="url" />
<input type="search" />//chrome下输入文字后,会多出一个关闭的X
<input type="range" step="2" min="0" max="10" value="2" />//特定范围内的数值选择器,step定义单位值
<input type="number"/>
<input type="color"/>
<input type="datetime"/>
<input type="datetime-local"/>
<input type="time"/>
<input type="date"/>
<input type="week"/>
<input type="month"/>
<input type="text" placeholder="请输入4-16个字符" name="user" autocomplete="off" required />
//autocomplete : 是否保存用户输入值,默认为on,关闭提示选择off
<input type="password" placeholder="请输入4-16个字符" name="password" autocomplete="off" autofocus />
<input type="submit" value="保存至草稿箱" formaction="http://www.qq.com" />