为提高团队合作效率， 便于后台人员添加功能和前端后期优化维护， 输出优质文档，深圳网站制作专门制定本文档。

符合web标准， 语义化html， 行为分离的结构表现， 兼容性优良. 页面性能， 代码要求简洁有序， 尽量减少服务器负载， 保证最快的 解析速度。

1. html， css， js， images文件归档至<系统开发规范>约定的目录。

2. html文件命名： 英文命名， 后缀.htm. 同时，将相应的界面稿放入同一目录中， 如果界面稿命名为中文， 请重命名与html文件同名， 方便后端添加 找到相应的页面进行功能。

3. css文件命名： 英文命名， 后缀.css. 共用base.css， 首页index.css， 其他页面根据实际模块需求命名。

4. Js文件命名： 英文命名， 后缀.js. 共用common.js， 其他实际模块需要命名。

1. 文档类型声明及编码： 统一为html5声明类型; 编码统一为， 书写时利用IDE实现层 次分明缩进。

2. 在非特殊情况下，样式文件必须外链到外链...在非特殊情况下JavaScript文件必须外链至页面底部。

3. 引入样式文件或JavaScript文件时， 默认类型声明必须省略，写法如下。

4. 引入JS库文件， 文件名须包含库名称及版本号及是否为压缩版， 比如jquery-1.4.1.min.js; 引入插件， 库名 插件名称为文件名格式， 比 如jQuery.cookie.js。

5. 遵循所有编码xhtml标准， 标签 & 属性 & 属性命名 必须由小写字母和下划线数字组成， 必须关闭所有标签， 包括 br ()， hr()等; 双引号必须包括属性值。

6. 充分利用无兼容性问题html自身标签， 比如span， em， strong， optgroup， label，等等; 需要为html 元素添加自定义属性时， 首先 考虑是否有默认的现有合适标签来设置， 如果没有， 可使用须以data-为前缀添加自定义属性，避免 使用data：等待其他命名方法。

7. 语义化html， 如 根据重要性使用标题h*(同一页只能有一个h1)， 段落标记用p， 列表用ul， 内联元素中不可嵌套块级元素。

8. 尽可能减少div嵌套， 如欢迎访问 XXX， 您的用 户名是用户名

美好未来首创1对1项目负责制，项目经理专人全程负责。我们为您提供网站建设优化解决方案，互联网品牌建设与网络营销，设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量，挖掘精准客户，达到更高的销售指标。是您的企业提升产品销量最好的伙伴。