Web前端代码规范与页面布局

 

　　一、 规范目的：

　　为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。

　　二、 规范基本准则：

　　符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。

　　三、 文件规范：

　　html、css、js、images文件均归档至约定的目录中。

　　1. html

　　(1)编码：所有编码均采用xhtml，标签必须闭合，属性值用双引号包括，编码统一为utf-8。

　　(2)语义化：语义化html，正确使用标签，充分利用无兼容性问题的html自身标签。

　　(3)文件命名：命名以中文命名，依实际模块命名，如同一模块以_&title&_来组合命名，以方便添加功能时查找对应页面。

　　(4)文件头部head的内容

　　title，需要添加标题

　　编码charset=UTF-8

　　缓存：

　　Content=’-1’表示立即过期。

　　添加description