网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别

前言

     <script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包。

     加“/”是代表绝对路径，不加“/”是代表相对路径。

     HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。

     HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。

     下面用示例来说明一下绝对路径和相对路径

绝对路径

     假设有个域名申请了虚拟主机，虚拟主机有一个目录，比如www，这个www就是网站的根目录。

     根目录下放了一个文件index.html，这个文件的绝对路径是。

     假设在www根目录下建了一个目录叫function，然后在该目录下放了一个文件info.html，这个文件的绝对路径就是。

相对路径

     假设：info.html路径是：d:/web/www/function/info.html

    index.html路径是：d:/web/www/index.html

     写法：<a href = "index.html">这是超连接</a>

上级目录

     ../表示源文件所在目录的上一级目录

     假设：info.html路径是：d:/web/www/function/info.html

　　     　index.html路径是：d:/web/www/index.html

     写法：<a href = "../index.html">这是超连接</a>

上上级目录

     假设：info.html路径是：d:/web/www/function/inc/info.html

　　     　index.html路径是：d:/web/www/index.html

      写法：<a href = "../function/inc/info.html">info.html</a>

下级目录

     引用下级目录的文件，直接写下级目录文件的路径即可。

     假设：info.html路径是：d:/web/www/function/info.html

 　     　   index.html路径是：d:/web/www/index.html

     写法：<a href = "function/info.html">这是超连接</a>.

美文美图

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/52003467