课程咨询:400-111-8989

  • HTML5开发者需要了解的技巧和工具

    发布:HTML5培训  来源:传智播客  时间: 2017年04月07日

  • HTML5现在已经成为了Web开发中的热门话题,大多数现代浏览器(Safari、Chrome,Firefox,IE10和移动设备)都支持HTML5。即使HTML5的规范还没有制定完成,但许多开发者已经将其作为Web开发项目中的主要技术。...

  • HTML5现在已经成为了Web开发中的热门话题,大多数现代浏览器(Safari、Chrome,Firefox,IE10和移动设备)都支持HTML5。即使HTML5的规范还没有制定完成,但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头,如Google、Facebook、Twitter和YouTube等,都建立在HTML5基础上。

    HTML5中最令人兴奋的功能莫过于画布(canvas)和强大的表单功能,画布功能已经可以在大部分浏览器中完美体验(除了IE),但对于新表单元素的支持还不是太好。对Web开发者来说,是时候开始HTML5开发了。

    要进行HTML5开发,本文中的一些技巧、工具可以让你缩短学习的时间,提高开发的效率。

    一、HTML5支持测试列表

    在开始之前,你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。

    主流浏览器HTML5功能支持一览

    移动平台HTML5支持一览

    HTML5支持测试

    HTML5演示

    二、让HTML5元素可用

    老版本的IE浏览器不能识别新的HTML元素。但是,可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。

    HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。

    HTML5Enabler:功能与HTML5Shiv类似。

    Modernizr:它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

    HTML5Reset:它提供了一组HTML、CSS文件,让你能够以最少的时间来启动一个新的项目。它使用modernizr来支持HTML5和CSS3。

    三、浏览器插件

    下面是一些JavaScript插件,可以弥补一些浏览器对HTML5的支持问题。

    1.VideoJS

    VideoJS是一个HTML5的视频播放器,可以在所有浏览器中使用,包括IE6和移动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。

    2.AudioJS

    HTML音频播放器。用来让HTML5的<audio>标签可以在各种浏览器上使用,包括移动设备。

    3.HTML5Widget

    HTML5的表单模块,包括日历,调色板,滑动部件,客户端验证等。

    4.Webforms2

    HTML5表单属性的支持,例如pattern、required和autofocus。

    5.LimeJS

    LimeJS是HTML5的游戏框架,用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。

    6.FlexieJS

    支持CSS3弹性盒子模型(FlexibleBoxModel)。

  • 上一篇:什么是HTML5?HTML5简介

    下一篇:深入理解HTML5在移动开发方面的发展现状

网站导航
2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56