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

Question

对于一个基本的静态网站,有几个页面和子页面,我对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" URL,它不起作用.

所以我猜测Ex.3是构建网站的正确方法吗？我在这里有点困惑.

Answer 1

为了您网站的简单性，我会说Ex。1 适合你。如果你开始添加更多的复杂性和更多的页面，像Ex这样的安排。3会更好。

为了回答你的问题的后半部分，我将在Ex中的news目录下将news.html转换为index.html。3、只是为了让事情更有条理。如果您导航到没有索引文件的新闻目录，您很可能会收到一条禁止消息或授予对该文件夹的访问权限。