初拟这个题目的时候,感觉太过简单,没有什么值得讲的。会一点HTML语言的人应该都知道相对路径和绝对路径的区别。不过后来想了想,觉得还是有必要写出来的。因为,毕竟还是有部分HTML的初学者和一些特定的环境下,会因为文件路径设置不当导致网站内容加载不全。比如说,当我们在本地写好了一个网站后,当把这个网站搬到其他地方上线后发现有些图片,模块加载不出来。几经检查代码逻辑性,都没有发现问题,但最后经过旁人的小小的指点,哦,原来是代码中文件的路径设置成了本地的了,而非新环境下的路径。
通常情况下,建议大家在引用文件路径的时候优先使用相对路径,这样就不会因为使用绝对路径,在每次网站搬迁的时候修改代码。使用相对路径可以带来很多便利。
好了,我们接下来就讲讲HTML的相对路径和绝对路径。
相对路径(Relative Path)
同目录
引用同目录下的文件,可直接引用文件名,而不需指明路径。
比如,
文件index.html的路径是: D:hostingspaceaipsmewwwroottestindex.html.
文件test.html的路径是:D:hostingspaceaipsmewwwroottesttest.html.
现在要在文件index.html中引用文件test.html,则只需要这样写:
不同目录
情况一
文件list.html的路径是: D:hostingspaceaipsmewwwrootabclist.html.
文件buter.html的路径是:D:hostingspaceaipsmewwwrootdefbuter.html.
现在要在文件list.html中引用文件buter.html,则只需要这样写:
情况二
文件list.html的路径是: D:hostingspaceaipsmewwwrootabclist.html.
文件buter.html的路径是:D:hostingspaceaipsmewwwrootbuter.html.
现在要在文件list.html中引用文件buter.html,则只需要这样写:
情况三
文件list.html的路径是: D:hostingspaceaipsmewwwrootabcdeflist.html.
文件buter.html的路径是:D:hostingspaceaipsmewwwrootbuter.html.
现在要在文件list.html中引用文件buter.html,则只需要这样写:
情况四
文件list.html的路径是: D:hostingspaceaipsmewwwrootabclist.html.
文件buter.html的路径是:D:hostingspaceaipsmewwwrootabcdefbuter.html.
现在要在文件list.html中引用文件buter.html,则只需要这样写:
绝对路径(Absolute Path)
比方现在有一个网站www.test.com放在一个虚拟主机商的服务器上。您的网站文件通常是放在根目录wwwroot或者public_html下面,这样的话,比如你现在有一个文件index.php的路径是wwwroottestindex.php
那么这个文件的绝对路径应该是:http://www.test.com/test/index.php
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,