共计 2765 个字符，预计需要花费 7 分钟才能阅读完成。
自 H5 诞生以来，在 html4.0 中有些元素已被 H5 废除，然而在 H5 中增加了很多新元素以及性能，明天咱们学习 H5 中新增的元素和属性都有哪些？
新增语义构造标签
| 标签 | 形容 |
|---|---|
| <article> | 定义页面独立的内容区域。 |
| <aside> | 定义页面的侧边栏内容。 |
| <bdi> | 容许您设置一段文本，使其脱离其父元素的文本方向设置。 |
| <command> | 定义命令按钮，比方单选按钮、复选框或按钮 |
| <details> | 用于形容文档或文档某个局部的细节 |
| <dialog> | 定义对话框，比方提示框 |
| <summary> | 标签蕴含 details 元素的题目 |
| <figure> | 规定独立的流内容（图像、图表、照片、代码等等）。 |
| <figcaption> | 定义 <figure> 元素的题目 |
| <footer> | 定义 section 或 document 的页脚。 |
| <header> | 定义了文档的头部区域 |
| <mark> | 定义带有记号的文本。 |
| <meter> | 定义度量衡。仅用于已知最大和最小值的度量。 |
| <nav> | 定义导航链接的局部。 |
| <progress> | 定义任何类型的工作的进度。 |
| <ruby> | 定义 ruby 正文（中文注音或字符）。 |
| <rt> | 定义字符（中文注音或字符）的解释或发音。 |
| <rp> | 在 ruby 正文中应用，定义不反对 ruby 元素的浏览器所显示的内容。 |
| <section> | 定义文档中的节（section、区段）。 |
| <time> | 定义日期或工夫。 |
| <wbr> | 规定在文本中的何处适宜增加换行符。 |
新增标签应用时依据形容内容，在适当的中央应用新标签，利用的时候和其余标签是一样的，H5 新增标签使得网页构造更清晰明了，倡议大家应用新增元素。
新增表单元素
| 标签 | 形容 |
|---|---|
| <datalist> | <input> 标签定义选项列表。请与 input 元素配合应用该元素，来定义 input 可能的值。 |
| <keygen> | <keygen> 标签规定用于表单的密钥对生成器字段。 |
| <output> | <output> 标签定义不同类型的输入，比方脚本的输入。 |
<datalist> 属性规定 form 或 input 域应该领有主动实现性能，当 input 聚焦时，浏览器应该在域中显示填写的选项。
应用 input 元素与 datalist 元素绑定，应用时如下：
<form action="">
<input type="text" list="schooltype">
<datalist id="schooltype">
<option value="欧亚驾校"> 欧亚驾校 </option>
<option value="鹏程驾校"> 鹏程驾校 </option>
<option value="学车网"> 学车网 </option>
</datalist>
</form><keygen> 元素用于提供用户验证的办法，表单提交时，keygen 生成表单密钥对，一个是公钥，一个是私钥，私钥存储在客户端，公钥通过带有 keygen 字段的表单发送给服务器。目前已被 H5 废除，咱们作为理解就好。
应用实例如下：
<form action="">
用户名 <input type="text" name="user" /><br>
明码 <input type="password" name="se"> <br>
加密 <keygen name="security"><br>
<input type="submit" value="提交">
</form><output> 元素用于不同类型的输入，对输入后果的展现，如对两个数值相加，并展现后果，代码如下：
<form action=""oninput ="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" id="a" step="1" min="0" max="100"> +
<input type="text" id="b" value="50">=
<output name="x" ></output>
</form>上述 form 处增加 oninput 事件，对数值 parseInt 进行取整运算。
新增表单属性
H5 中新增表单属性指 form 和 input 元素新增属性。
form 新属性及意义
- autocomplete：规定 form 域主动实现性能。
- novalidate：规定提交表单时是否验证域。
- input 新增类型和属性
| 新的输出类型 | 新的输出属性 |
|---|---|
| color | autocomplete |
| date | autofocus |
| datetime | form |
| datetime-local | formaction |
| formenctype | |
| month | formmethod |
| number | formnovalidate |
| range | formtarget |
| search | height 和 width |
| tel | list |
| time | min 和 max |
| url | multiple |
| week | pattern (regexp) |
| placeholder | |
| required | |
| step |
input 和 form 的 autocomplete 属性
属性规定 form 或 input 在以后域下领有主动实现性能，艰深地讲就是元素聚焦时，会主动展现之前输出过的内容，内容是依据以后域名下之前应用过的数据。示例如下：
<form action="demo_form.asp" method="get" autocomplete="on">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="on" /><br />
<input type="submit" />
</form> 页面上显示如图：
HTML5(一)——新增元素和属性
表单重写属性：
- formaction – 重写表单的 action 属性
- formenctype – 重写表单 enctype 属性
- formmethod – 重写表单 method 属性
- formnovalidate – 重写表单 novalidate 属性
- formtarget – 重写表单的 target 属性
min、max、step 属性
三者用于对数字、日期类型输入框的限度和束缚。
- min – 规定容许设置的最小值。
- max – 规定容许设置的最大值。
- step – 规定非法的数字距离。
应用示例，请参照上 output 处的实例。
multipel 属性：规定输出域中可抉择多个值。实用于 email 和 file 两种类型。
pattern 属性：验证 input 域的模式。模式 pattern 是正则表达式，实用于 text、search、url、email、password。
破除的标签
以下是一些在 H5 中已废除的元素。
acronym、applet、basefont、big、center、dir、font、frame、frameset、noframes、strike、tt。
