| week | |#### 2014年发布新一代HTML标准
新增布局标签
- header 头部
- footer 底部
- nav 导航
- aside 侧边栏
- article 文章
- section 某段文字
article和section区别: article里边可以包含多个section,section强调的是分段
新增状态标签(进度条)
- meter
- progress
新增列表标签
- datalist 搜索框的关键词提示
- details 展开问题和答案
- summary写在detail里边,用于指定问题和答案
<input type="text" list="mydata">
<datalist id="mydata">
<option value="周冬雨">周冬雨</option>
<option value="周杰伦">周杰伦</option>
<option value="温兆伦">温兆伦</option>
<option value="马冬梅">马冬梅</option>
</datalist>
新增文本标签
- ruby-rt 注音
- mark 标记关键字
<ruby>
<span>魑魅魍魉</span>
<rt>chī mèi wǎng liǎng </rt>
</ruby>
新增表单功能
input type属性
| 属性名 | 功能 |
|---|---|
| 邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。 | |
| url | url 类型的输入框,表单提交时会验证格式,输入为空则不验证格式 |
| number | 数字类型的输入框,表单提交时会验证格式,输入为空则不验证格式 |
| search | 搜索类型的输入框,表单提交时不会验证格式 |
| tel | 电话类型的输入框,表单提交时不会验证格式,在移动端使用时,会唤起数字键盘。 |
| range | 范围选择框,默认值为 50 ,表单提交时不会验证格式 |
| color | 颜色选择框,默认值为黑色,表单提交时不会验证格式。 |
| date | 日期选择框,默认值为空,表单提交时不会验证格式 |
| month | 月份选择框,默认值为空,表单提交时不会验证格式。 |
| week | 周选择框,默认值为空,表单提交时不会验证格式。 |
| time | 时间选择框,默认值为空,表单提交时不会验证格式 |
| datetime-local | 日期+时间选择框,默认值为空,表单提交时不会验证格式。 |
新增多媒体标签
- video
- audio
新增全局属性
- hidden 隐藏元素
- data-* 存储页面的私有化数据,微信小程序大量使用
- contextmenu 规定元素的上下文菜单,鼠标右键时显示
- spellcheck 是否对元素进行拼写检查和语法检查
- draggable 是否可拖拽
- contenteditable 是否可被编辑