关于前端制作规范

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

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一次以上的整体测试。

原文地址:https://www.cnblogs.com/skybady/p/3497914.html