这是一个很好的链接吗?

时间:2012-02-10 00:31:12

标签: html menu hyperlink

这是不好的做法吗?

文件夹结构(每个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文件都将具有以下内容:

<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>

2 个答案:

答案 0 :(得分:2)

我对这种方法的问题是你的所有文件都被称为'index.html',并且很难在你的编辑器中告诉哪个文件是哪个。此外,您还有打开/关闭每个文件夹以进行导航并进行编辑的问题。

你可以做些什么来获得你想要的url是使用类似mod_rewrite的东西将那些漂亮的url变成真实的文件名。

为.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>

答案 1 :(得分:0)

与你说的一样,最干净的方法是使用绝对路径,就像你的第二个例子一样。我会避免使用相对路径达到你所描述的目的。