文档介绍：、 1一、规范目的 概述 2二、基本准则 2三、文件规范 11四、执行模式 12一、 概述提高团队协作效率便于前端开发以及后期优化维护方便新进的成员快速上手输出高质量的代码本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出,经讨论决定后可以更新此文档。二、基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良。代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度。开发时需要遵循如上基本准则,特殊情况可以有所宽限,如一些老项目的页面改造。三、[使用场景:在新建网页、图片、脚本、CSS文件时,根据此规则给文件命名并放入指定位置]文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字空格和特殊字符。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。。各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。例如:子页命名关于我们\aboutus信息反馈\feedback产品\product如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示。每一个目录中应该包含一个缺省的html文件,。,用下划线隔开,头部分表示此图片的大类性质。例如:广告、标志、菜单、按钮等等。放置在页面顶部的广告、装饰图案等长方形的图片取名:banner标志性的图片取名为:logo在页面上位置不固定并且带有链接的小图片我们取名为button在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu装饰用的照片我们取名:pic不带链接表示标题的图片我们取名:title范例:。例如:,描述可以有多个单词,用“_”隔开,性质一般是该页面得概要。范例:[使用场景:书写CSS样式时,根据此规则对id和class进行命名,并遵循书写规则,避免出现常犯错误,提高效率。]:重新定义HTML样式、链接状态样式、自定义样式。,影响全部的被设定标签样式,用于统一网页中某一标签的样式定义。样式名“HTML标签”例:hr{border:1pxdotted#333333},影响被使用本样式区域中的链接。该样式写法有2种::link(中间无空格)、.nava:link第一种只能修饰<a>标签中;第二种可以修饰所有包含有<