如何正确构建我的 HTML 文件？

对于一个基本的静态网站，有几个页面和子页面，我对 HTML 页面目录结构的最佳实践有点困惑。

假设我有一个像这样的简单网站：
索引（主页）页面、关于页面、联系页面和新闻页面。在新闻页面上，有两个链接指向新闻页面的两个子页面fizz.html和buzz.html

最好将所有 HTML 页面放在同一个根目录文件夹中，如下所示？

Ex. 1

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  news.html
  fizz.html
  buzz.html

或者最好将所有子页面放在一个单独的目录文件夹中，就像这样？

Ex. 2

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  news.html
  /news
     fizz.html
     buzz.html

或者最好将所有带有子页面的页面都放在它自己的文件夹中，就像这样？

Ex. 3

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  /news
     news.html (maybe named index.html?)
     fizz.html
     buzz.html

如果Ex中的方法。 3 是最好的组织方式，您想保留 news.html 不变，还是将其名称更改为 index.html？对于后者，有多个名为index的html文件是不是不好？是否也有由此引起的 SEO 问题？

我目前的测试网站是按照 Ex 构建的。 2，这会导致问题，例如：如果用户位于 www.foobar.com/news/fizz.html，并且他们想要返回新闻页面，如果他们碰巧从页面中删除了“fizz.html”网址，打不通。

所以我猜Ex。 3 网站建设的正确方法是什么？我在这里有点困惑。

当我谈到结构时，没有最佳实践，它是对您有意义/最容易管理的。 “生根”一切可能是目前最简单的方法。

也就是说，您想要完成的任务通常称为“路由”，即将资源解析为“漂亮”的 URL。大多数服务器端框架默认可以实现此目的，但是当您编写静态内容时，实现类似功能的唯一方法是：

1. 调整你的 .htaccess 文件
2. 依赖 javascript 框架

Angular 将路由作为插件，但是如果你想要更轻量级的东西，你可以考虑reactJS（如演示）：

https://enome.github.io/javascript/2014/05/09/lets-create-our-own-router-component-with-react-js.html https://enome.github.io/javascript/2014/05/09/lets-create-our-own-router-component-with-react-js.html

或以下任何一种（秘银是另一个不错的选择）：

http://microjs.com/#routing http://microjs.com/#routing