如何在 html 中创建子目录？

Question

例如，我的网站是 mywebsite.com。在那个网站上，我有一个名为“countries.html”的页面，上面有国家列表。当用户点击国家（比如日本）时，会将他们带到一个页面“Japan.html”。

我希望日本页面位于国家页面下方：mywebsite.com/countries/Japan.html。如何在 HTML 中创建该子目录？

Answer 1

我知道老问题并且已经回答了，但我认为有更好的方法来做到这一点（如果按照提问者的当前设置和预期结果进行）。

在您的根目录中创建一个名为countries 的文件夹，并将所有国家/地区文件放在那里。然后将countries.html 文件移动到countries 文件夹，并将名称从countries.html 更改为index.html。

所以新的结构应该是这样的：

├── index.html
└── countries
    ├── index.html
    └── Japan.html

您将链接到国家/地区列表页面（您的（以前）countries.html 文件）：

<a href="/countries/">Link to the countries folder index file</a>

^{不需要在 href URL 中包含index.html。当您链接到这样的目录时，它（默认情况下）会自动查找索引文件，如果存在，则提供它。}

然后在国家目录中，您指向特定国家/地区的链接将如下所示：

<a href="Japan.html">Link to Japan relative to current folder (NOT RECOMMENDED)</a>

<a href="/countries/Japan.html>Link to Japan relative to the document root (RECOMMENDED)</a>

没有任何来源，但将国家列表页面显示为目录而不是文件会让人感觉更干净，更有意义。

哪个网站结构看起来更好？

1. 国家/地区列表 countries.html 作为单独的文件
   • 国家列表页面 - http://mywebsite.com/countries.html
   • 关于日本的页面 - http://mywebsite.com/countries/Japan.html
2. 国家/地区列表为国家/地区目录中的index.html 文件
   • 国家列表页面 - http://mywebsite.com/countries/
   • 关于日本的页面 - http://mywebsite.com/countries/Japan.html

Answer 2

你没有。

假设您使用的是静态文件，您将在网络服务器的文件系统上创建目录。

然后在链接的href 属性的路径中使用它。

<a href="countries/Japan.html">

Answer 3

对于具有静态 HTML 的基本网站，您的页面遵循您网站的文件结构。

以如下文件结构为例：

index.html
about.html
countries/
    Japan.html
    Norway.html

如果您想从index.html 创建到Japan.html 的链接，则该链接必须是到mywebsite.com/countries/Japan.html。

Answer 4

您用于创建网站的软件应该会显示文件列表，并且在该区域通常可以选择创建子目录。这样做，将您的国家/地区文件放在子目录中，按照其他人的建议创建链接，您就完成了。

文件结构独立于 HTML 和创建页面。