奇怪的HTML链接行为

Question

我在HTML中工作时，当我开始遇到引用不同页面的麻烦时，我开始使用data/css/styles.css，并且在网站主目录的页面上工作得很好（不在任何其他文件夹内），然后当我在一个子目录中做了同样的事情（例如“/ home /”），它不起作用。所以我然后尝试使用标准/data/css/styles.css，这也没有在主或子目录中工作。所以然后我试着用../data/css/styles.css我的最后一次尝试在子目录上运气好，但不是主要的。但是当我在JSFiddle上的第二个（/data/css...）和第三个（../data/css）他们工作正常。我的编译器有问题吗（Visual Studio Web Developer 2010）还是奇怪的调试？提前致谢。

Answer 1

如果路径名以/开头，则它将相对于网站的DocumentRoot进行解释。如果路径名不是以/开头，则它将相对于包含该链接的页面的URL进行解释。因此，如果路径为/a/b/c.html的页面包含链接dir1/dir2/foo.css，它将转换为/a/b/dir1/dir2/foo.css。 ../前缀用于通过路径名中的目录进行备份，因此如果页面包含../dir1/foo.css，则它将转换为/a/dir1/foo.css。