用DW写HTML时，可以直接选择特定文件的路径，但现在只能迁移到webstorm并选择与HTML文件位于同一目录下的文件。 在这里，您将整理文件的绝对路径和相对路径之间的差异。
1 .绝对传球
首先，在本地计算机上，文件的绝对路径当然是指文件实际存在于硬盘上的路径。
例如，此路径： D:/wamp/www/img/icon.jpg指示icon.jpg文件位于d驱动器wamp目录下的img子目录中。 无需了解其他信息，即可根据绝对路径判断文件的位置。
注意：您创建的所有页面都可以在您的计算机上成功浏览，但上传到Web服务器进行浏览后，图像很可能会消失。 由于静态HTML页必须上载到网站，因此网站的APP应用程序通常使用“/”来表示根目录。 /img/icon.jpg表示此站点根目录中photo.jpg文件的img目录。 但要知道，这里所说的根目录，不是你网站的根目录，而是你网站所在Web服务器的根目录。 因为上传到Web服务器时，整个网站可能不在Web服务器的d驱动器上，可能是f驱动器或h驱动器。 即使放入Web服务器的d驱动器中，浏览网页时也不会显示图像，因为Web服务器的e驱动器中不一定存在“D:/wamp/www/img”目录。 这也是应用绝对路径的风险。
2 .相对路径
相对路径顾名思义，就是自己相对于目标位置。
假设要部署的文件的页面名称为test.htm，并且该文件位于名为www的文件夹中。 (绝对路径D:/wamp/www/test.htm )引用位于www文件夹中的icon.jpg文件。 (绝对路径d:/wamp/www/) ) )。 如果img文件夹中存在文件“icon.jpg”，则绝对路径D:/wamp/www/img/icon.jpg )、相对路径img/icon.jpg。
相对路径避免了上述根目录差异的问题。 如果网页文件和引用文件的相对位置与web服务器上的文件的相对位置匹配，则他们的相对路径也匹配。 例如，在上面的示例中，“test.htm”文件引用了“icon.jpg”的图像，但这两个文件相对于“test.htm”位于同一目录中
注意：相对路径可以使用“/”字符作为目录分隔符，绝对路径可以使用“”或“/”字符作为目录分隔符。 “img”目录是“www”目录下的子目录，因此不需要在“img”前加上“/”字符。
在相对路径中，常用“. /”来表示更高级别的目录。 如果有多个更高级别的目录，则可以使用多个“. /”。 假设“test.htm”文件的目录为“D:/wamp/www/test.htm”，“icon.jpg”图像的目录为“D:/wamp/www”
假设“test.htm”文件的目录为“D:/wamp/www/test.htm”，“icon.jpg”图像的目录为“D:/wamp/www”
3 .虚拟路径
将文件上载到远程服务器时，这些文件位于服务器本地目录树中的文件夹中。 例如，在运行MicrosoftIIS的服务器上，主页的路径如下所示： c :inetpubww rootaccountsusersjsmithindex2. htm此路径通常称为文件的物理路径。 但是，用于打开文件的URL不使用物理路径。 使用虚拟目录。 这是对于Http访问，用户浏览网站或FPT时显示的目录结构。 例如，如果将E:Website设置为访问目录，则E:Website将是虚拟目录的根目录。 E:WebsiteImage将为Image . 在上面的示例中，虚拟路径可以写为
请整理一下
“. /”表示当前目录为
“. /”表示更高的目录
“/”当前根目录是相对目录；
“~~/”web APP应用程序路由。 在ASP.NET中，启用了web APP应用程序根运算符(~)，可用于在服务器控件中指定路径。 ASP.NET将~运算符解析为当前APP应用程序的根目录。 可以将运算符~和文件夹组合使用，以指定基于当前根目录的路径。 在此示例中，图像文件直接从web APP应用程序根目录下的Images文件夹读取。 不管页面在网站的哪里。