欢迎来到天天文库
浏览记录
ID:8923828
大小:88.50 KB
页数:4页
时间:2018-04-12
《web应用开发必须掌握的html5编码方法》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、Web应用开发必须掌握的HTML5编码方法HTML5现在的发展相当迅速,越来越多的浏览器开始支持HTML5的新特性,也涌现出越来越多的基于HTML5的App应用,毫无疑问,作为web开发者,必须了解和懂得HTML5的相关特性,因为它很大程度上是今后web开发中的趋势。在本文中,列举了在对HTML5编码开发过程中,一些值得开发者注意的最佳实践方法,这些方法将提高开发者的开发效率和改善开发质量。 使用模板生成器 Whenbuildingawebsite,youoftenstartwithabasetemplatethatyoucustomizetofityou
2、rneeds.InsteadofwritingallyourHTML5codefromscratch,youcansavetimebyusingoneofthoseveryusefulonlineHTML5generators.Usingthemisdefinitelyeasy:Youfillabasicformtosetupdesiredoptions,youclickonabuttonandabasicHTML5templateisavailableforyoutouse. 当我们开始着手编写HTML5页面时,可以使用一些已有的模板生成器去生成一些HTM
3、L5模板,这样就可以避免开发者都是从头开始徒手编写HTML5代码。使用这些HTML5模板生成器的步骤其实都是很简单的:一般来说,只需要填写一些表单的基本选项,然后点生成的按钮就可以生成一个基本的HTML5基本模板了,现在也有不少优秀的HTML5模板生成器,推荐的是下面的两个:SwitchTOHtml5(地址:http://switchtohtml5.com/)和Shikiryugenerator, (地址:http://shikiryu.com/html5/)。而如果需要更高级复杂的生成功能的话,推荐的是使用HTML5Boilerplate这个模板生成器生成
4、,地址为: http://html5boilerplate.com/,HTML5Boilerplate的核心是用于帮助开发HTML5站点和应用程序的组件,包括: Modernizr,一个小型实用程序库,支持在Windows®InternetExplorer®中设置新的HTML5元素样式,并协助在所有浏览器中进行HTML5/CSS3特性检测。如果您正在使用HTML5进行开发且需要支持InternetExplorer版本9之前的浏览器版本,那么这个库(或者我稍后将解释的一个替代选项)将是您的项目必不可少的一个组件。 构建于HTML5DoctorReset之上
5、的一个CSS起始文件,包含几个智能默认值和增强。 内置HTML5语法,以及一些新的语义元素,用于构成您文档的骨架。 使用Cheatsheet备忘录 由于HTML5还在迅速的发展,因此会不断出现很多新的特性,一般的开发者有的时候很难都记得所有这些新的特性,因此最好的办法是使用cheatsheet(备忘录)的方法去查阅这些新特性和用法,下面推荐一个不错的备忘录(上图是其中的一张截图),地址是:http://www.inmotionhosting.com/infographics/html5-cheat-sheet/,其中分别有几张备忘录,详细介绍了HTML5
6、中各标签和事件属性,支持的浏览器等详细说明。 关注兼容性问题 由于HTML5是新的技术,但是开发者依然不能忘记的是,各大浏览器厂商对其的支持还是不一样的,比如微软的IE就跟其他厂商的很不同,这就要求开发者在使用新的特性时,要注意考虑是否需要在各大浏览器中取得平衡,比如考虑用户群使用的浏览器类型。这里推荐使用http://caniuse.com/这个网站去查看HTML5各个属性或者事件在各浏览器中的兼容情况(上图为其截图),这个网站的特色在于能让开发者一目了然地看到CSS,SVG和Javascript在HTML5中的各项用法以及以表格的形式对比了各浏览器对H
7、TML5标准的支持情况,十分详细,值得参考。 针对旧版本IE的兼容考虑 不得不说,大部分的WEB前端开发者都十分讨厌IE,但有的时候,还是得考虑下旧的IE版本,这个时候就需要一些技巧了,在IE8以及以下的版本,如果要使用一些HTML5的特性,而不让IE报错,可以使用如下的脚本: 要注意的是,以上脚本只能让旧版本的IE对新的HTML5特性不报错,但不一定能承诺让
8、所有HTML5新特性都能兼容运行。此外
此文档下载收益归作者所有