包括相對於網站根目錄的JS和CSS文件

Question

我正在尋找包含CSS / JS文件的最佳實踐，就文件URI而言。 我看到人們通過給文件提供完整的URI來包含來自網站根目錄的文件：

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

我傾向於這樣做，因為我發現在閱讀代碼時我更容易知道文件的位置，而且我沒有遇到過它的問題。 但我也看到很多親戚包括：

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

您以哪種方式定義文件位置？為什么？ 這個比那個好嗎？

Answer 1

我更喜歡相對包含因為它們對平台更改（例如從測試到實時平台的部署）是強大的，因為只要項目的內部結構沒有改變，它們仍然可以工作，而絕對路徑可能會在這種情況下中斷。 此外，有時很難知道絕對路徑，而相對文檔相關路徑非常明顯。

但是，如果整個項目中有多個不同位置的文件，那么每次都會有不同的相對路徑（對於同一個文件可能會非常混亂），所以在這種情況下絕對可能是首選（為了健壯，你應該這樣做）將變量或類似的webroot路徑： $WEBROOT/css/main.css ）。 這一切都取決於我的個人需求。

Answer 2

在第一種情況下，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

因此，它取決於您的文件位於何處。