快捷搜索:

您的位置:澳门新葡4473网站 > 新葡亰平台娱乐 > 相对路径和绝对路径

相对路径和绝对路径

发布时间:2020-01-31 14:11编辑:新葡亰平台娱乐浏览(53)

    在网页里,绝对路径是以"/"开头的,它表示的是站点的根目录,比如站点在:
    C:Inetpubwwwroot下,那么不管这个页面在什么地方,"/文件名"永远都是以"C:Inetpubwwwroot文件名"来找这个文件的.
    假如你是在本地打开的html文件,那么它将以本地磁盘根目录为初始路径,如"C:"
    所以做链接的时候最好把前面的"/"去掉,就成为相对路径,即以文件的所在目录为初始目录.当然你的相对路径要设对了才行,可用"../"来回到上一层目录.
    比如:
    file目录有两个文件夹:file1,file2,那么在file2里要引用file1里的文件就要写成这样:
    ../file1/文件名

    一.相对路径

    另外一种绝对路径就是直接引用网站的链接,比如:

    这就是一个绝对路径.它不会因为网页的位置而改变链接,严格的说只能叫做绝对链接而已.

    以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对.

     

     

    如在D盘IMG目录下有一张123.jpg的图片
    <img src="d:img123.jpg">这是绝对路径
    <img src="..img123.jpg">相对路径

    二.绝对路径

    以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的.

     

    三.相对路径和绝对路径的区别

    其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同.

     

    四.路径总结

    ./          --代表目前所在的目录。
    ../         --代表上一层目录。

    ../../    --代表上一层目录。

    /           --代表根目录。

     

    五.相对路径举个栗子

    eg1:相对路径的简单应用

    假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

       index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html

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

     

    eg2:如何表示上级目录

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

    假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

       index.html路径是:c:/Inetpub/wwwroot/sites/index.html

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

     

    eg3:如何表示上上级目录

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

    假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

       index.html路径是:c:/Inetpub/wwwroot/index.html

    写法:<a href = "../../index.html">index.html</a>

     

    eg4:如何表示跨级目录

    假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

       index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html

    写法:<a href = "../wowstory/index.html">index.html</a>

     

    eg5:如何表示下级目录

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

    假设:info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html

       index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html

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

     

    6.绝对路径举个栗子

    d:/ www /htmlg.jpg

    本文由澳门新葡4473网站发布于新葡亰平台娱乐,转载请注明出处:相对路径和绝对路径

    关键词:

上一篇:NTFS分区与FAT分区的10个精彩问答

下一篇:没有了