这是很好的链接练习吗？

Question

这是不好的做法吗？

的文件夹结构（每个HTML页都有名的index.html位于子文件夹）：

root-folder (index.html) 
    subpage1 (index.html) 
    subpage2 (index.html) 
    subpage3 (index.html) 

的index.html的根文件夹中会有menulinks像这样：

<a href="/">index</a> 
<a href="/subpage1">subpage1</a> 
<a href="/subpage2">subpage2</a> 
<a href="/subpage3">subpage3</a> 

在子文件夹/子页面中的所有其他index.html文件将有这样的menulinks：

<a href="../">index</a> 
<a href="../subpage1">subpage1</a> 
<a href="../subpage2">subpage2</a> 
<a href="../subpage3">subpage3</a> 

链接到css，javascript，favoicon也会有这个链接结构。

我认为最简洁的方法是在每一页上都有这样的链接。但它的并发，如果你想尝试一下页面中的子文件夹的工作......

<a href="/">index</a> 
<a href="/subpage1">subpage1</a> 
<a href="/subpage2">subpage2</a> 
<a href="/subpage3">subpage3</a> 

Answer 1

我遇到的问题是，所有的文件都被称为'index.html'，并且很难在编辑器中告诉哪个是哪个文件。此外，您还有打开/关闭每个文件夹的问题以便进行浏览并进行编辑，yuck。

你可以做些什么来获得你想要的url，就是使用类似mod_rewrite的东西来将这些好的网址变成真实的文件名。

添加像这样的.htaccess文件：

RewriteEngine On 
RewriteCond %{SCRIPT_FILENAME} !-d 
RewriteRule ^([^\.]+)$ $1.html [NC,L] 

而且在所有的页面，你就可以有一个像过去的例子链接：

<a href="/">index</a> 
<a href="/subpage1">subpage1</a> 
<a href="/subpage2">subpage2</a> 
<a href="/subpage3">subpage3</a> 

Answer 2

最干净的方式，像你说的，是使用绝对路径，如你的第二个例子。我会避免使用相对路径来达到您所描述的目的。