Web目录的最佳文件夹结构是什么？

我从事Web开发已有多年了，而且我一直都在完成类似于以下的Web结构：

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

我见过其他人使用：

styles/login.css
images/logo.png

然后最近我发现我的同事喜欢：

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

除了保存一个或两个字节外，这些选项是否有优点或缺点？这个概念是否有最佳实践？

我会坚持使用您当前的系统，尽管由于我自己使用的名称几乎相同，所以我可能会有所偏见。

我发现保留三个字母的文件夹名称足够冗长而有意义，但也足够简洁以使URL保持整洁。

将每个文件夹修剪成单个字母是过大的，并且正如mc10所指出的那样，广泛接受解释。例如，对于Javascript文件，我永远不会选择“ a”：对于“行为”，我会选择“ b”。我认为这都不是更正确的，它只是指出了命名方案的含糊性。

虽然将“样式”和“图像”用作文件夹名称非常好，但我发现使用较短的名称更为有意义。考虑一下在每个文件，每个URL和请求中将引用该文件夹多少次，并且字节开始累加。当然，我不认为使用较短的文件夹名称会节省任何实际的带宽节省，但是我会尽我所能获取的每一点（和每个字节）。

我通常会坚持使用以下几个文件夹：

• js -Javascript文件
• img-图像文件
• CSS -CSS文件
• lib-不产生输出的服务器端脚本。图书馆，班级等
• doc-二进制文件，例如Office文档和PDF，不属于常规页面导航

CSS和JS文件夹非常适合可能被静态编码（也称为HTML）的单个网站，但是对于使用CMS的大型网站而言，这是不切实际的。

CMS在其自己的文件夹结构中使用“样式”和“图像”文件夹，只是它们通常埋在子目录中。这是一种布局内容的好方法，并且受到许多CMS的青睐。

具有一个字母的文件夹名称令人困惑。乍一看，我会对照片（p）和图像（i）之间的差异感到困惑。使用a的“应用程序”也显得神秘。

使用css和js的文件夹而不是单个文件完全取决于项目的范围。

如果您拥有或可能需要多个脚本或样式表，则将它们组织到文件夹中将使维护和管理站点变得更加容易。

如果您决定再次使用文件夹，则根据个人喜好使用这些长名或短名。

尽管一个字母的名称可以节省字节并看起来更整洁，但根据我的经验，如果您在网站上工作的人员不多，则可能会造成混淆。

您也可以这样做。

第一种方法：

• / i / common /
• / i / layout /
• / i / lib /
• / i / misc / docs / pdf /
• / i / misc / docs / csv /
• / i / misc / docs / txt /

注意：最好是在其md5摘要中重命名每个文件。

例子：

• /i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png，
• /i/layout/2b33962041cb835c227bba27424a28af.css，
• /i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js，
• /i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

第二种方法：

• / assets / common /
• / assets / templates / template_name /
• / assets / includes / js /
• / assets / misc / pdf /
• / assets / misc / csv /
• / assets / misc / txt /

注意：不需要将文件重命名为md5字符串，但每个空格都应由破折号/-代替

例子

• /assets/common/uploads/2014/12/company-site-has-been-launched.jpg

第三种方法：

• / site / files /
• / site / layout /
• / site / scripts /
• / site / misc / docs / pdf /
• / site / misc / docs / csv /
• / site / misc / docs / txt /

备注：在public_html“ common”文件夹子目录中，您可以在其后创建一个新的子目录，并将其命名为“ uploads / 2014/12 /”，以表示您上传的文件与wordpress组织上传的方式相同。