关于前端制作规范

第一家公司 对前端组的 规范范文 ，留下做个纪念 。              

1、头部

<!--powered by 制作人 年_月_日-->注释部分 示例: <!--powered by zy 2012_05_16-->

 

2、编写HTML代码时 布局要精简整齐 结构明细，一目了然 。按照标准W3C规范编写。

 

3、遵从 结构 与 表现 的脱离。 能够准确分析什么样的图片属于内容（从数据库里取出来的图片），什么样的属于背景图片。注重htm 及其 css 优化，有利于搜索引擎的抓捕。

4、在有几个页面 有相同 图片 样式 及脚本 时 要提取公共部分 以调用方式呈现。独立文件放各自皮肤目录下，禁止各个皮肤之间公用相关图片、样式、脚本文件

。如有不同站点之间的公共部分时，要于相关制作人员协商 提取到外部（即/Skin上级目录）。注：在没有必要的情况下 减少页面中 引用<link rel="stylesheet" type="text/css" href="/body.css" />的情况，从而减少http请求。

 

5、编写css 样式代码时，尽量考虑为元素命名其本身的作用或”用意”，达到语义化，命名时使用小写可以加‘_’线。

按规范编写参数属性。严禁逻辑顺序混乱。

 

6、精简图片数量、在切图时在对图像质量影响不明显的情况下。降低图像质量(以jpg图片格式为例 在ps出图时 优化质量 建议为60)，使用恰当的格式。

 

7、制作完嵌入时的DEMO必须是连贯的，且经过自已在IE7/8/9，FIREFOX一次以上的整体测试。