5

组织网页内容最常见的方式是什么，即 HTML、JS 和 CSS？

我通常为小型项目这样做：

  • 索引.html
  • 样式.css
  • 脚本.js

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

  • 索引.html
  • foob​​ar.html
  • 样式.css
  • js
    • 核心.js
    • foob​​ar.js

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

4

7 回答 7

2

这几乎是一个品味问题。

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

您可能想查看http://html5boilerplate.com/，其中包含大多数当前的最佳实践。

于 2011-03-31T13:24:55.830 回答
2

我这样做：

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
于 2011-03-31T13:25:37.543 回答
1

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

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

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

于 2011-03-31T13:22:58.607 回答
1

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

于 2011-03-31T13:23:15.360 回答
0

在大型项目中，您可以区分静态文件和动态文件，即像 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 服务器以发送适当的过期和缓存标头以及在staticans中找到的内容assets。

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

然而，毕竟，这是你喜欢什么和需要什么的问题。

于 2011-03-31T13:29:35.453 回答
0

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

  • 索引.html
  • foob​​ar.html
  • 图片
    • some_image.jpg
  • 样式表
    • default.css（application.css 或 style.css 也很常见）
  • js（或javascripts）
    • 应用程序.js
    • hello_world.js

这就是它通常在 Rails 和许多其他框架中完成的方式。

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

于 2011-03-31T13:26:27.370 回答
0

ASP.NET webforms 的默认设置是根目录中的公共文件index.html。foobar.html然后是Scripts和Styles目录。如果您有受限制的文件，那么这些文件会放在一个Account目录中。我并不是说这是最好的方法，但这是 Microsoft 方面的常用方法。

于 2011-03-31T13:35:55.920 回答