0

在文件 URI 方面,我正在寻找包含 CSS/JS 文件的最佳实践。我看到人们通过将完整的 URI 提供给文件来包含来自网站根目录的相对文件:

<link rel="stylesheet" href="/my/path/to/css/main.css">

我倾向于这样做,因为我发现在阅读代码时更容易知道文件在哪里,而且我没有遇到过问题。但我也看到很多相关的包括:

<link rel="stylesheet" href="css/main.css">

您以哪种方式定义文件位置,为什么?这个比那个好吗?

4

2 回答 2

2

我更喜欢相对包含,因为它们对平台更改(例如从测试部署到实时平台)具有强大的抵抗力,因为只要项目的内部结构没有改变,它们仍然可以工作,而在这种情况下绝对路径可能会中断。此外,有时很难知道绝对路径,而相对文档相关路径非常明显。

但是,如果您在整个项目中的多个不同位置有文件,则每次都会有不同的相对路径(对于同一个文件,这可能会很混乱),因此在这种情况下,绝对路径可能是首选(为了健壮性,您应该将 webroot 路径放在变量或类似变量中:) $WEBROOT/css/main.css。我想这一切都取决于您的个人需求。

于 2013-06-24T12:58:36.330 回答
0

在第一种情况下,URI对于网站的域是绝对的。因此,URI 将是:

http://www.example.com/my/path/to/css/main.css

对于第二种方法,路径是相对于当前路径的。所以假设你现在在

http://www.example.com/store/product/121

那么css文件的路径是:

http://www.example.com/store/product/css/main.css

因此,这取决于您的文件位于何处。

于 2013-06-24T13:00:53.277 回答