样式表路径中的斜线 (/) 与波浪线斜线 (~/)

Question

ASP.NET 提供了两种指定样式表路径的方法：

<link href="/common/black_theme/css/style.css" rel="stylesheet">   (this is working)
<link href="~/common/black_theme/css/style.css" rel="stylesheet">  (this is not working)

• 如何解决这些路径？
• 为什么生成的路径不同？
• 在这种情况下我应该选择哪一个？

据我所知，~ 代表应用程序的根目录。 “common”是 IIS 中网站根目录下的文件夹（名为 testsite.demo）。

物理路径：D:\Physicalpath\WarpFirstSite\testsite.demo
“普通”文件夹：D:\Physicalpath\WarpFirstSite\testsite.demo\common

Answer 1

如果您在链接标签中添加runat="server"，那么它会完美运行....

像这样……

<link href="~/common/black_theme/css/style.css" rel="stylesheet" runat="server"> 

（这也有效）

Answer 2

第二个不起作用，因为它不是服务器端的 asp.net 代码以外的任何东西都可以识别的路径。而且由于您的链接标记是常规 html 而不是服务器控件，因此它永远不会被处理。

Answer 3

• / - 站点根目录
• ~/ - 应用的根目录

不同之处在于，如果您的网站是：

http://example.com

你有一个应用程序myapp on：

http://example.com/mydir/myapp

/ 将返回站点的根目录 (http://example.com)，

~/ 将返回应用程序的根 (http://example.com/mydir/)。