对于一个基本的静态网站，有几个页面和子页面，我对 HTML 页面目录结构的最佳实践有点困惑。
假设我有一个像这样的简单网站：
索引（主页）页面、关于页面、联系页面和新闻页面。在新闻页面上，有两个链接指向新闻页面的两个子页面，fizz.html和buzz.html
最好将所有 HTML 页面放在同一个根目录文件夹中，如下所示？
例如。 1
/foobar.com
/css
/js
index.html
about.html
contact.html
news.html
fizz.html
buzz.html
或者最好将所有子页面都放在像这样的单独目录文件夹中？
例如。 2
/foobar.com
/css
/js
index.html
about.html
contact.html
news.html
/news
fizz.html
buzz.html
或者最好将所有包含子页面的页面都放在自己的文件夹中，就像这样？
例如。 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 网站建设的正确方法是什么？我在这里有点困惑。
您应该在分层目录中管理您的内容，以便您可以跟踪您的内容。大多数开发人员都像这样管理内容。
/foobar.com
/css
/js
/images
/html
/news
/news_content
fizz.html
buzz.html
news.html
about.html
contact.html
index.html
当我谈到构建时，没有最佳实践，它是对你有意义/最容易管理的。 “生根”一切可能是目前最简单的方法。
也就是说，您想要完成的任务通常称为“路由”，即将资源解析为“漂亮”的 URL。大多数服务器端框架默认可以实现此目的，但是当您编写静态内容时，实现类似功能的唯一方法是：
Angular 将路由作为插件，但是如果你想要更轻量级的东西，你可以考虑reactJS（如演示）：
或以下任何一种（秘银是另一个不错的选择）：
为了您网站的简单性，我会说Ex。 1 适合你。如果你开始添加更多的复杂性和更多的页面，像Ex这样的安排。 3个会更好。
为了回答你问题的后半部分，我会将Ex中news目录下的news.html转换为index.html。 3、只是为了让事情更有条理。如果您导航到没有索引文件的新闻目录，您很可能会收到一条禁止消息或授予对该文件夹的访问权限。
每个人都有自己创建文件结构的方式。但是，如果您发现难以确定哪个最有效，您可以使用 WordPress 目录结构作为起点，并根据您的文件构建您的目录结构。
WordPress 已经存在了相当长的时间，并得到了广大社区的支持。他们使用通用结构表明这是一种组织良好且高效的方法。
WordPress主题文件夹和文件结构
https://developer.wordpress.org/themes/basics/organizing-theme-files/#theme-folder-and-file-struct
├── assets/
│ ├── css/
│ ├── images/
│ ├── fonts/
│ └── js/
├── inc/
├── template-parts/
│ ├── footer/
│ ├── header/
│ ├── navigation/
│ └── ...
├── index.php
├── footer.php
├── header.php
└── stylesheet.php