如何整理我的网站内容?

fut*_*lib 5 html javascript css project-structure

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

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

  • 的index.html
  • style.css文件
  • 的script.js

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

  • 的index.html
  • foob​​ar.html
  • style.css文件
  • JS
    • core.js
    • foob​​ar.js

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

hyn*_*nek 2

这很大程度上是一个品味问题。

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

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