资讯 产品 软件 游戏

华龙网首页

网站地图

当前位置: IT频道 > 软件 > 软件开发

优化HTML5编码的8个最佳实践

发布时间:2014-05-26  来源:

  种种迹象表明,2012年绝对是HTML 5爆发之年。就前端编码而言,HTML以它独有的方式席卷整个Web开发行业,它已经成为一门最“IN”的技术,作为一名前端开发人员,如果不学习也不懂HTML5网站编码,那么你就OUT啦!

  2012年绝对是HTML5爆发之年,HTML5给开发人员/设计师带来了许多方便。它不但很容易理解而且效果也是令人兴奋的。

  就前端编码而言,HTML以它独有的方式席卷整个Web开发行业,它已经成为一门最“IN”的技术,作为一名前端开发人员,如果不学习或者不懂HTML5网站编码,那么你就OUT啦!在开始学习之前,你必须搞清楚CSS3与HTML5之间的区别。今天,我们主要来讨论一下精通HTML5代码的最佳实践,看完这篇后,绝对会让你收获满满,不枉此行!

  1.HTML5(代码/编码)生成器

  开发人员/设计师在开发一个新网站之前,往往都会从头做起。他们会根据每个需求,创建一个基本的模板,显然,这样做会花费大量的时间。使用HTML5(代码/编码)生成器将会帮你节省很多时间,无需为每个页面编写新的代码。对于HTML5(代码/编码)生成器来说,最棒的地方就是简单并且很容易上手。确切地说,你只需要根据需求来填写表单、创建HTML5模板,从而无需为每个页面重新编写代码。

  显然,你会发现有各种各样的HTML5(代码/编码)生成器,你可以根据需求选择一个适合你的。当然,你也可以选择一些现成的模板直接应用。

  推荐几款Generators

  2.正确认识文档类型声明

  如果你对自动编码不满意,打算亲自为网站编写代码,那么理解HTML5的doctype(文档类型声明)是非常重要的。请记住,修改doctype标签是不可取的,所以在做出决定和改变之前,要保证你已经很好的理解了doctype,最终不会以惨剧收场。

  3.使用Cheat Sheet

  众所周知,科技发展是日新月异的。所以无需恐慌,如果你不能记住不断变化的HTML5所有特征。你可以使用HTML5的Cheat Sheets。

  文章推荐:This Ultimate HTML5 Cheatsheat [Infographic]

  4.向后兼容性计划

  目前,所有的Webkit(内核)浏览器都在支持HTML5。即使没能支持所有的(HTML5)新特性,也能支持大部分。对于HTML5来说,另一个积极的方面是backwards compatibility(向后兼容),意味着HTML5的新功能对于开发者来说是没什么学习负担,即可无师自通。

  5.尽量避免兼容性问题

  在日常开发中,你可能会面临一些兼容性问题,虽然HTML5是一门新技术,但有些新特性和功能可能不被支持。然而,这算不上是个问题,你可以在Can I Use.com网站上轻易发现你所使用的浏览器支持哪些元素。不仅如此,你还可以在上面找到其他重要的技术术语,例如CSS3和JavaScript兼容性图标。所以,如果你正在使用HTML5开发,最好把Can I Use.com网站添加到书签中。

【1】 【2】 下一页

编辑:李敏

热点关注

创·想 ——2016华龙网H5创意设计大赛

  为提升工作中的创意激情,促进业务水平发展,不断提高网站移动端设计产品的用户体验,特举办本次活动。详细>>

iPhone 6弯曲起火烧伤用户大腿

  据香港《文汇报》20日报道,苹果公司最新手机iPhone 6和6 Plus推出后,已有用户投诉机身脆弱容易弯曲,但原来还有起火危险。美国男子莱希特早前在亚利桑那州旅游期间, ...详细>>

不买iPhone 6的十大理由

  腾讯科技讯 10月18日,iPhone 6/Plus国行版昨日在大陆正式开售。对于土豪来说,一款几十万的  Vertu手机才能彰显出身份。还可以列出iPhone 6的很多毛病,比如丑、没有...详细>>

华龙测评室

应用宝德PSM实现服务器远程监控管理

应用宝德PSM实现服务器远程监控管理

 网络时代的服务器担当着越来越重要的业务:运行网站、电子邮 ...详细>>
顶级婚礼摄影师的摄影秘密

顶级婚礼摄影师的摄影秘密

     这篇摄影教程会让您尽情领略顶级婚礼摄影...详细>>

精品推介

售价550元起 WP8新机Win JR和Win HD发布

售价550元起 WP8新机Win JR和Win HD发布

  10月14日上午消息, 据外媒报道,手机厂商BL...详细>>

高清图集

大美西藏——珠峰大本营重庆国际车展性感车模成哥游世界系列大美西藏--雪域高原神秘的尼泊尔印象泰国(二)