转：Web前端开发规范 教程

转自：http://iamkane.com/index.php/archives/16 

 刚上班没多久，公司让我整理Web前端开发的规范化文档。网上找了好久都是一些零零散散的文章。最终我只能自己整理和根据自己的经验补充一些地方。需求文档就写得多了，详细的教程还真没写过。现在把写好的教程共享出来给大家看看。如有什么不足的，可以给我留言。

Web前端开发规范教程

一．背景知识
1.1 WEB标准
1.11 结构标准语言
1.12 表现标准语言
1.13 行为标准
二． 如何实现Web标准
2.1 软件环境
2.11 制作软件
2.12 测试软件
2.2 网站架构的流程
2.21 设计稿的分析
2.22 切图 5
2.23 HTML和CSS的编写
2.3 XHTML的编写代码规范
2.31 所有的标签都必须使用结束标记
2.32 所有标签和属性名称都必须小写
2.33 属性值必须使用双引号括起来
2.34 不允许使用属性简写
2.35 所有标签都必须合理嵌套
2.36 不是标签一部分的特殊符号都用编码表示
2.37 图片标签必须要有ALT属性
2.38 不能在注释中使用两个以上的破折号“–”
2.4 CSS相关规范
2.41 选择DOCTYPE
2.42 指定语言及字符集
2.43 调用样式的方法比较
2.44 编写样式的习惯
2.5 Javascript 的编写代码规范
2.51 选择适合自己用的JavaScript框架（库）
2.52 JavaScript的编写规范
三． 目录结构和命名规范
3.1 网站的目录结构和文件命名
3.11 目录结构
3.12 html命名
3.13 css命名
3.14 js命名
3.15 图片的命名
3.2 XHTML元素的命名参考
3.21 布局页面的div id 命名
3.22 页面的各种元素id命名和class命名

http://www.iamkane.com/tool/webstandard.pdf