网页设计通常需要预先考虑很多因素,如何提高效率其实是一个比较烦人的问题。一个可行方式就是使用预先准备好的框架和模板。HTML5框架、模板是一个很好的解决方案,可以大大简化很多工作量。目前,基于HTML5的模版框架有很多,这里介绍的是HTML5 Boilerplate,这个模版做为开发Tizen web应用的一部分集成在Tizen SDK中。
HTML5 Boilerplate是基于HTML/ CSS / JS的一个快速,健壮和面向未来的网站模板。经过3年的迭×××发,使我们得到最佳的web开发实践,包括:跨浏览器的正常化,性能优化,甚至像可选功能如AJAX跨域和Flash处理等,这个模版包含一个.htaccess配置文件,它的功能包括Apache缓存设置,网站播放HTML5视频设置,使用@font-face和允许使用gzip设置。
它同样可以工作在手机浏览器,它拥有IOS,Android, Opera所支持的标签和CSS骨架。HTML5 Boilerplate还提供了许多其它功能,比如一个优秀的打印样式表,一个可以进行单元测试的测试包等。
它有以下特性:
支持HTML 5
跨浏览器兼容,包括对IE6的支持
高速缓存和压缩规则,最佳实践配置
移动浏览器优化
单元测试套件Javascript分析
移动与特定CSS规则的IOS和Android的浏览器支持
该项目由业界众多专业资深前辈共同发起,来帮助大家快速使用HTML5技术开发网站,同时兼容其他各种旧版本的浏览器浏览体验。 HTML5 Boilerplate 并不是一套框架,他仅仅是一套模板。大家可以把他当作自己的新项目模板,在此基础上建立自己的项目。HTML5 Boilerplate建立了一套简单的模板,帮助大家快速的进行开发,一般来说下载了这套模板后,便可以在其上进行修改,测试,查看兼容性等。