HTML5与HTML区别是什么？HTML5有什么新特性？HTML5怎么学？ 今天太原奇酷学院HTML5培训中心和你一起了解H5的22个新特性：

  1.新的Doctype

  尽管使用<!DOCTYPEhtml>，浏览器会按照标准模式去渲染；

  2.Figure元素

  用figure和figcaption来语义化地表示带标题的图片；

  3.重新定义的small

  small已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明；

  4.去掉link和script标签里面的type属性；

  5.加/不加括号

  HTML5没有严格的要求属性必须加引号，闭合不闭合，但还是建议加上引号和闭合标签；

  6.让你的内容可编辑，只需要加一个contenteditable属性；

  7.EmailInputs

  如果我们给Input的type设置为email，浏览器就会验证这个输入是否是email类型；

  当然不能只依赖前端的校验，后端也得有相应的校验。

  8.Placeholders

  这个input属性的意义就是不必通过js来做placeholder的效果了；

  9.LocalStorage

  使用LocalStorage可以永久存储大的片段在客户端(除非主动删除)，目前大部分浏览器已经支持；

  在使用之前可以检测一下window.localStorage是否存在

  10.语义化的header和footer；

  11.更多的HTML5表单特性；

  12.IE和HTML5

  默认的，HTML5新元素被以inline的方式渲染，不过可以通过其他方式让其以block方式渲染；

  13.hgroup

  一般在header里面用来将一组标题组合在一起；

  14.Required属性

  required属性定义了一个input是否是必须的；

  15.Autofocus属性

  正如它的词义，就是聚焦到输入框里面；

  16.Audio支持

  HTML5提供了audio标签，你不需要再按照第三方插件来渲染音频，大多数现代浏览器提供了对于HTML5Audio的支持，不过目前仍旧需要提供一些兼容处理；

  17.Video支持

  和Audio很像，video标签提供了对于video的支持，由于HTML5文档并没有给video指定一个特定的编码，所以浏览器去决定要支持哪些编码，导致了很多不一致。Safari和IE支持H.264编码的格式，Firefox和Opera支持Theora和Vorbis编码的格式，当使用HTML5video的时候，你必须都提供；

  18.预加载视频

  preload属性就像它的字面意思那么简单，你需要决定是否需要在页面加载的时候去预加载视频；

  videopreload

  19.显示视频控制

  videopreloadcontrols

  20.检测属性支持

  除了Modernizr之外我们还可以通过JS简单地检测一些属性是否支持；

  21.Mark元素

  可以把mark元素看做是高亮的作用；

  22.Output元素

  output元素用来显示计算结果，也有一个和label一样的for属性。

  想要了解更多HTML5开发技术和资讯，就到奇酷学院太原HTML5培训中心400-807-8991