html5

79 阅读2分钟

| 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属性

属性名功能
email邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
urlurl 类型的输入框,表单提交时会验证格式,输入为空则不验证格式
number数字类型的输入框,表单提交时会验证格式,输入为空则不验证格式
search搜索类型的输入框,表单提交时不会验证格式
tel电话类型的输入框,表单提交时不会验证格式,在移动端使用时,会唤起数字键盘。
range范围选择框,默认值为 50 ,表单提交时不会验证格式
color颜色选择框,默认值为黑色,表单提交时不会验证格式。
date日期选择框,默认值为空,表单提交时不会验证格式
month月份选择框,默认值为空,表单提交时不会验证格式。
week周选择框,默认值为空,表单提交时不会验证格式。
time时间选择框,默认值为空,表单提交时不会验证格式
datetime-local日期+时间选择框,默认值为空,表单提交时不会验证格式。

新增多媒体标签

  • video
  • audio

新增全局属性

  • hidden 隐藏元素
  • data-* 存储页面的私有化数据,微信小程序大量使用
  • contextmenu 规定元素的上下文菜单,鼠标右键时显示
  • spellcheck 是否对元素进行拼写检查和语法检查
  • draggable 是否可拖拽
  • contenteditable 是否可被编辑