Question

组织Web内容的最常用方法是什么，即HTML，JS和CSS？

我通常在小项目中这样做：

的index.html
的style.css
的script.js

我认为这是相当标准的。但是，对于具有多个HTML / JS文件的项目，您如何做到这一点？我的方法是：

的index.html
foobar.html
的style.css
JS
- core.js
- foobar.js

这是一种常见的做法吗？即使只有一个文件，我应该将CSS移动到单独的“css”目录吗？这个中央CSS文件通常如何调用？ “style.css”或“base.css”还是其他什么？将HTML文件移动到单独的目录是否常见？

Answer 1

这几乎是一种品味问题。

然而，将所有js / css和静态图像放入单个文件夹（如/ static或/ media）是很常见的。例如/media/css/style.css。这里的要点是，您经常使用应用程序服务器（Ruby on Rails，Django）开发动态页面，并希望使用像nginx这样的轻量级网络服务器来提供静态内容。

您可能需要查看包含大多数当前最佳做法的http://html5boilerplate.com/。

Answer 2

我喜欢Rails的组织。提供给用户的公共静态文件位于/public下。然后，JavaScript和CSS文件分别存储在public/javascripts和public/stylesheets下。静态html文件存储在/public。

下

至于中央CSS文件名，它确实是你的偏好。您可以在您的网站（例如twitter.css）之后命名，或者您可以将其命名为base.css，all.css。等

我会将您的html保存在public文件夹下，但您也可以创建一个public/html文件夹。

Answer 3

我建议你移动：图像进入其他目录（当然），css如果有多个文件进入其他目录，js如果有多个文件进入其他目录。请记住，文件名是最重要的事情之一。不要调用样式（如果不止一个），例如style1或style2，但它们之间存在差异，如light_gray.css或dark_black.css这样的短规格。如果使用更大的js脚本，则与脚本相同，将它们添加到单独的目录中。

Answer 4

我这样做：

index.html
styles/
    main.css  # Main CSS
    i/        # CSS images dir. Its name is short because: background:url(i/my_image.png);
    f/        # CSS fonts dir.
scripts/
    main.js   # Main JS
images/       # Content images

Answer 5

我遇到的最常见的结构是：

的index.html
foobar.html
图像
- some_image.jpg
样式表
- default.css（application.css或style.css也很常见）
js（或javascripts）
- 的application.js
- hello_world.js

这通常是在rails和许多其他框架中完成的。

随着您的项目扩展，您可能会拥有多个样式表/脚本，因此将文件放在文件夹中可以节省时间/精力。

Answer 6

在大型项目中，您可以区分静态和动态文件，即文件，它们像PHP和文件一样被解析和执行，并按原样发送到客户端。许多PHP框架都提出了以下内容的变体：

index.php       # single starting point
admin.php       # *or*
admin/index.php # admin area, separated from frontend
lib/            # contains executables, that are not directly called
static/         # contains CSS, JS, images and so on, that come from developers
assets/         # static content, that is uploaded by the user

这种方法有几个好处。首先，您不要将用户上传与样式表混淆。然后，您可以轻松配置您的Web服务器，以使用static ans assets中找到的内容发送相应的过期和缓存标头。

以某种方式禁止客户端使用lib文件夹，因此您不会向客户端发送代码，仅用于嵌入。

然而，毕竟，这取决于你喜欢什么以及你需要什么。

Answer 7

ASP.NET webforms的默认值为index.html，foobar.html与root目录中的公共文件一起使用。然后有Scripts和Styles目录。如果您有受限制的文件，则会进入Account目录。我并不是说这是最好的方法，但这是在微软方面做到这一点的常用方法。

如何整理我的网站内容？

7 个答案: