前端代码
1、 页面头部、底部可以分离

2、 分页标签统一按照下面格式:只有a标签和strong标签
上一页21下一页
3、 列表可以循环输出,如下面这个模块,颜色全部由css控制,html dom结构完全一样,方便程序员嵌套数据

4、 html结构尽量简化处理
5、 兼容性:ie8-ie11 chrome 火狐 360极速+兼容模式
6、css 层级嵌套不超过四级,并且样式最好用class选择器,不要用id选择器,下面的css代码是个错误示范
7、网页上的图片,除了透明图片用png格式,其他均用jpg格式。
可以自己对比一下png格式和jpg格式的文件大小。图片大小最好不要超过500kb
https://tinypng.com/
8、html文件命名 要和设计图的名称一样
9、网站底部加上技术支持
10、请严格按照设计图切片,包括字体、间距、图片大小等
11、普通官网,css文件就用一个,不要一个页面一个css。保证html,css的可移植性,比如把a页面的一个版块放到b页面,要保证可以直接复制粘贴,不需要再修改css.
12、小程序和app切片时,数据呈现用json数据模拟接口返回的结果。
13、切片完成后将每个部分的json数据提交给负责接口开发的同事。
响应式相关规范
1、pc和wap的banner最好分开,通过css控制显示

2、保证各个大小的屏幕都能正常显示。设计图的主体宽度超过1360px时,前端需要写一套主体宽度小于1360px的样式,保证在小屏笔记本能正常显示