•

标注出元素的宽(width)和高（height）；

•

标注出字体的大小及颜色；如：12px、#f00；

•

标注出字体的样式；如：加粗；

•

标注出在页面中不是用图片内容颜色值。例如：body 背景颜色值、文字颜色值、一
些要实现交互状态变化的颜色值（具体要标明：link[链接]

、active[点击]、hover[鼠

标移上]、visited[访问后]）要分别的标注。注释：在网页中用图片表示的一般都是
用 code 不能实现的效；

•

标注出内外间距。如：内间距包括行距、字间距(Letter-spacing、Tracking)、内容与容
器边缘的距离（填充）。外间距就是两个容器之间的距离；注释：把每个元素间
距标注出来就 ok。。最好：上、下、左、右的都标注下；

•

截出网页要用到的一些图片：不能用网页实现的；

•

把截取出网页各个图片最好组合成一张图片。

二、前端开发人员规范

1、静态页面基本规范

•

静态页面命名应根据项目文档中程序页面文件命名；例如程序页面文件名为
index.php 或 index.aspx 则静态页面的文件名应为 index.html

或 index.shtml；

•

静态页面 XHTML 代码应采用自动缩进的形式编写，这样代码层次结构清晰；

•

根据项目文档选择页面编码格式，一般为 UTF-8；非项目页面着统一采用 UTF-
8，特殊项目或有特定需求的按需求确定编码格式；

•

非特殊情况下必须把 CSS 外部链接放到页面的顶部（<head>… </ head>标签之
间）；

•

非特殊情况下必须把 JS 代码或外部链接放到页面的底部（</ body>标签之前）；

•

书写链接地址时，必须避免重定向，例如：href="http://www.telligem.com/" ,即须
在 URL

“

地址后面加上 /”；

•

在页面中尽量避免使用 XHTML 标签的样式属性,即 style="…"。

！！！尽量减少页面的 HTTP 请求:

•

合并压缩的多个 JS 到一个文件中；

•

合并压缩的多个 CSS 到一个文件中, 能写成样式背景的图片，必须写在样式中；

•

尽量减少 DIV

的嵌套层数；

•

统一域名下的项目页面链接使用相对路径（例如：../AR/music.php），而不是绝
对路径给区块代码和套程序的循环的第一条数据加上注释。

2、XHTML 标准

•

每个页面必须宣告使用哪一种 DTD，目前非特殊情况下我们采用 XHTML 1.0
Transitional DTD (一般为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML