文档章节

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

庸人谷
 庸人谷
发布于 2012/10/29 11:38
字数 875
阅读 134
收藏 3

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


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

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

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

一、HTML5支持测试列表

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

·          

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

·         移动平台HTML5支持一览

·         HTML5支持测试

·         HTML5演示

二、让HTML5元素可用

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

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

·         HTML5 Enabler:功能与HTML5Shiv类似。

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

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

三、浏览器插件

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

1. VideoJS

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



2. AudioJS

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



3. HTML5Widget

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



4. Webforms2

HTML5
表单属性的支持,例如patternrequiredautofocus



5. LimeJS

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



6. FlexieJS

支持CSS3弹性盒子模型(Flexible Box Model)。



四、在线工具

此外,还有一些在线工具,可以帮助开发者加快HTML5项目的开发。

1. HTML5 Boilerplate

HTML5Boilerplate
是一个HTML / CSS /JS模板,是实现跨浏览器正常化、性能优化、稳定的可选功能如跨域AjaxFlash的最佳实践。开发者称之为技巧集合,目的是满足你开发一个跨浏览器,并且面向未来的网站的需求。



2. Switch to HTML5

非常有用的在线工具,可以根据你的喜好生成HTML5文档结构。



3. Initializr

Initializr
是一个HTML5模板生成器,以帮助你开始HTML5项目的开发 。它建立在HTML5 Boilerplate之上。



4. HTML5 Visual 速查表



5. HTML5 Canvas 速查表





原文下载:http://wenku.it168.com/d_000259653.shtml

本文转载自:

庸人谷
粉丝 43
博文 159
码字总数 14788
作品 0
东城
私信 提问
加载中

评论(1)

黄继华
黄继华
不错工具
2015 HTML5游戏开发者大赛

2015 HTML5游戏开发者大赛 大会简介 2014年,由W3C制定的HTML5标准正式封稿,正值移动互联网大潮汹涌之际,延宕8年之久的HTML新标准此时出台可谓恰逢其时, HTML5标准与移动互联网的结合必将...

文洁洁洁
2015/06/09
1K
4
2015 HTML5游戏开发者大赛

2015 HTML5游戏开发者大赛 大会简介 2014年,由W3C制定的HTML5标准正式封稿,正值移动互联网大潮汹涌之际,延宕8年之久的HTML新标准此时出台可谓恰逢其时, HTML5标准与移动互联网的结合必将...

文洁洁洁
2015/06/09
11
0
好程序员分享做HTML5页面你要懂得这些

好程序员分享做HTML5页面你要懂得这些,很多人问过我这个问题,而问这个问题的人基本上都是刚听说过HTML5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过...

好程序员IT
04/01
8
0
2013 年开发者需要了解的 10 大开发趋势和技能

技术的不断进化,使得软件开发也跟踪不仅进化,而且成熟了很多。一个不可否认的事实是,科技永远不能是静态的,因为它必须满足与之关联的人的需求。我所见过的软件世界,我必须承认,它是一个...

oschina
2012/12/24
10.1K
68
关于 HTML5 你需要注意的事项

HTML5的到来将第五代网络语言带入了多媒体的世界。尽管HTML5的启动并没有多轰轰烈烈,但是在过去6个月还是有不少的软件开发者开始应用HTML5。然而,在选择HTML5时,有一些基本注意事项大家还...

红薯
2011/10/22
3K
7

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
昨天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部