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

对于一个基本的静态网站,有几个页面和子页面,我对 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是构建网站的正确方法吗？我在这里有点困惑.

当我构建它时,没有最佳实践,这对你来说是最有意义/最容易管理的. “生根”一切都可能是目前最简单的方法.

这就是说你想要完成的事情通常称为“路由”,即将资源解析为“漂亮”的URL.大多数服务器端框架都可以默认完成此操作,但是当您编写静态内容时,实现类似内容的唯一方法是：

>调整你的.htaccess文件
>依赖于javascript框架

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

或以下任何一种(秘银将是另一个不错的选择)：

猜你在找的HTML相关文章