html5学习

来源:互联网 发布:网络小说吧 编辑:程序博客网 时间:2024/06/08 04:26

1.概念

HTML5 是下一代的 HTML。

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML5 是 W3C 与 WHATWG 合作的结果。

2.HTML5新特性:

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search

新特性提供了更好的输入控制和验证

3.HTML5 Input 类型

新的输入类型:

  • email
  • url
  • number
  • range
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search
  • color

4.HTML5 的新的表单元素:

  • datalist
  • keygen
  • output
5.HTML5 的新的表单属性

新的 form 属性:

  • autocomplete
  • novalidate

新的 input 属性:

  • autocomplete
  • autofocus
  • form
  • form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
  • height 和 width
  • list
  • min, max 和 step
  • multiple
  • pattern (regexp)
  • placeholder
  • required
6.HTML 5 Web 存储

在客户端存储数据的新方法:

  • localStorage - 没有时间限制的数据存储
  • sessionStorage - 针对一个 session 的数据存储