浅谈WEB标准和前端性能优化.docVIP

浅谈WEB标准和前端性能优化 　　摘 要:国内几乎大部分的网页设计师没有遵守W3C标准。作为一名合格页面工程师,要学会熟读标准,认识和了解标准。要检验你的代码是否和标准一致,要了解W3C标准的优势和用意。前端性能优化和web标准有什么关系？就是对你遵循web标准的一个补偿。 　　关键词:WEB标准 网站建设 网页设计 网站前端性能优化 W3C 　　中图分类号:TP393 文献标识码:A 文章编号:1007-9416(2011)01-0113-02 　　 　　网站标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分为三个方面:结构化标准语言主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括DOM、ECMAScript等,这些大都源自W3C。 　　HTML和XHTML页面都是由“内容、结构、表现、行为”这4个方面组成的。内容是基础,然后附加上去结构和表现,最后再对它们加上行为。而为什么在“前端开发”火热的现在还提遵守WEB标准这个问题？我觉得有必要站在架构的层面,也站在众多的、辛苦的网页制作耕耘者的立场上,全局看待web标准。 　　没有统计数字也可以从现在的网页产品中看到,国内几乎大部分的网页设计师没有遵守W3C标准。非标准化的应用,FLASH眩目的动感,可以帮你让领导认可,让客户点头,让自己的工作效率快快,产品多多。大家在匆忙中忽视或是避让了标准和规范,暂时忘记了真理才会永恒,然而,每一个设计师都有追求完美的心理,他们永远对自己的作品不满足,一定不会给自己打满分。在这个追求完美的过程中,他们要到达目标,其实就是前面的标准。也许,当网页制作中的每个成员接近或是抵达这个目标时,内心一定非常释然。 　　作为一名合格页面工程师,要学会熟读标准,认识和了解标准。要检验你的代码是否和标准一致,要了解W3C标准的优势和用意,假如用语言距离,普通话让中国人彼此能够沟通,英语让世界人可以沟通。W3C标准就是让页面在不同的终端都可以运行,让使用各种终端的用户都能浏览你的页面,也就是跨越平台,获得更大众化的用户的认可。更像一个平凡的人走向优秀,一个产品走向品牌。 　　落后的页面工程师体系,美工代劳的页面代码,唯有IE才能浏览的页面代码,用图形工具直接导出的页面代码,使大量流量消耗的页面代码,速度慢的像蜗牛的页面代码……每次改版修改都要大动干戈,一种让页面工程师和民工一样的页面代码！网页设计师多了,站长多了,但质量标准却越来越差。模仿得形似神不似的韩版界面,让我们倍感失落。似乎想看到唯美一些的网站,打开时总需要我们有足够的耐心去等待,或者有足够的技术安装插件。WEB标准就是一场革命,革命――就是推翻旧的落后的体制,建立一个全新的先进的体制。这样,我们才会有秩序,才会和谐发展。 　　如何遵循标准,其实标准有很多,结构标准,表现标准,行为标准。选择标准规范,就优先选择W3C推荐的标准。结构标准可选项,建议选择适合你公司和团队的标准,其实核心理念还是让项目统一遵循一个标准,严格的XHTML是这样的。 　　 　　!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 　　/TR/xhtml1/DTD/xhtml1-strict.dtd 　　 　　 　　Virtual Library 　　 　　 　　 　　Moved to 　　var _userid = ;var _siteid =2230;var _istoken = 1;var _model = Model03; WebPageSpeed =156; UrchinTrack(); 　　 　　XHTML的媒体类型是application/xhtml+xml ,而不是被大多设备都识别的text/html。增加xml头部声明还会造成IE6的quirks模式。总得来说,不是通用性很强的标准,使用的时候需要舍弃W3C的一些说明,改良后的应该是去掉xml声明,去掉媒体类型是application/xhtml+xml。不要给你们团队的开发造成不必要的困扰。 　　!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 　　/TR/xhtml1/DTD/xhtml1-strict.dtd 　　 　　 　　Introduction to HTML 　　 　　 　　 　　 　　var _userid = ;var _siteid =2230;var _istoken = 1;var _model = Model03; WebP