规范

一、文件命名

规范

• 无论文件夹和文件，统统小写

• 且两个单词及以上使用中划线 -，不要使用空格 或者下划线_;

解释

• 很多计算机，特别是 Web 服务器，是对大小写敏感的。比如，如果你保存一张图片 test-site/MyImage.jpg，然后在另一处试图以 test-site/myimage.jpg 访问这张图片，可能会失败。
• 浏览器、Web 服务器，还有编程语言处理空格的方式不一致。比如，一些系统会将包含空格的文件名其视为两个。一些服务器将会把文件名里的空格替换为 “%20”（URI 里空格的编码），从而使链接遭到破坏。最好使用中划线，而不是下划线来分离单词。谷歌搜索引擎把连字符当作单词的分隔符， 但不会识别下划线。

简言之，文件名中应使用连字符（在英文中，连字符只指“中划线”,不包括上划线和下划线。中文有破折号——和波浪号~，不建议使用中文命名）。基于此，最好在一开始就养成习惯，文件夹和文件名使用小写，用短横线而不是空格来分隔。可以避免许多问题。

二、文件结构

当然以下结构只具有参考意义，还是要以团队的规范为中心。

普通结构

• index.html ：这个文件一般包含主页内容，即用户第一次访问站点时看到的文本和图像。使用文本编辑器在 test-site 文件夹中新建 index.html。
• images 文件夹 ：这个文件夹包含站点中的所有图像。在 test-site 文件夹中新建 images 文件夹。
• styles 文件夹 ：这个文件夹包含站点所需样式表（比如，设置文本颜色和背景颜色）。在 test-site 文件夹中新建一个 styles 文件夹。
• scripts 文件夹 ：这个文件夹包含提供站点交互功能的 JavaScript 代码（比如读取数据的按钮）。在 test-site 文件夹中新建一个 scripts 文件夹。

三、其他公司

• css和dom网易规范
• BEM规范