BANNER网站开发的技术规范

一、编码规范

1.采用utf-8编码，保证网站的兼容性和可移植性，在head中声明字符集；

2.尽量使用相对单位，如em，rem等，以便于页面的自适应；

3.严格按照HTML语义化的原则进行编写，如h1～h6标签是标题，p标签是段落，ul、ol、dl分别是无序列表、有序列表和定义列表；

4.在设计样式时，尽量使用class和id来定义，不要直接对标签进行样式控制；

5.尽量不要在HTML中添加样式，而是将样式放到CSS文件中，以便于管理；

6.网页CSS编码中，尽量使用简写，如font: italic 10px/15px 可以写成 font: italic 10px 15px；

7.CSS代码中，属性值需要加双引号，如 font-family: "Microsoft Yahei"；

8.在编写JS代码时，要注意变量的命名，尽量取有意义的名称；

9.JS代码中，尽量使用严格模式，检测错误；

10.JS代码要缩进，以便于维护，同时，也可以提高可读性；

二、网站结构

1.网站结构要清晰，便于管理和更新；

2.页面中，要提供明确的页面入口，便于用户浏览；

3.要为用户提供搜索功能，以便于查找页面；

4.为每个页面提供面包屑导航，以便于用户更好的定位；

5.尽量使用友好的URL，如：http://www.example.com/products/123/name；

6.网站中，要提供友情链接，便于搜索引擎抓取；

7.提供网站地图，便于搜索引擎抓取网站内容；

8.要做好错误页面的处理，如404页面，要友好的提示用户；

三、页面优化

1.尽量减少页面中的Http请求，可以将多个CSS文件合并，多个JS文件合并；

2.要将CSS和JS文件置于页面底部，尽量减少页面的加载延时；

3.要将CSS文件和JS文件压缩，以减少文件大小；

4.要将图片进行压缩，以减少文件大小；

5.要对图片进行懒加载，减少不必要的图片加载；

6.要做好图片的SEO优化，可以使用ALT属性；

7.要将HTML代码进行压缩，以减少文件大小；

8.要将CSS文件和JS文件缓存，以减少加载时间；

9.要提供移动端页面，以便于移动设备的浏览；

10.要做好网站的安全性，如：启用HTTPS访问，并及时修复安全漏洞。