*************************相对路径*************************
相对路径总结为两点斜杠为上级目录,一点斜杠为当前目录。
(1)HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里,直接写引用文件名即可。 例如:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "index.html">index.html</a> (2)如何表示上级目录../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。例1:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../index.html">index.html</a>
例2:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../../index.html">index.html</a>
例3:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "../wowstory/index.html">index.html</a>如何表示下级目录引用下级目录的文件,直接写下级目录文件的路径即可。
例4:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "html/index.html">index.html</a>
例如5:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的代码应该这样写:<a href = "html/tutorials/index.html">index.html</a>HTML绝对路径(Absolute Path)HTML绝对路径(absolute path)指带域名的文件的完整路径。
*************************绝对路径*************************
即全路径。
例如:比如你放在D盘a文件夹里面一个图片,你在用的时候,如果路径写成D:/a/xx.jpg 那么这个就是绝对路径,(所有位置都写的很清楚),这样就有一个弊端,当你将D盘的这个图片放到别的地方的时候,那你网站的这个图片将不会显示。例如index.html在网站根目录, 如果是相对路径则将a/xx.jpg放在你网站的根目录下,只需要将路径写成../a/xx.jpg(注意前面有两个点)这两个点就是当前根目录,即可在index.html中引用此图片了。
备注: 例如b.html中如下内容./表示和当前目录同级./可省了
<a href="./a.html">a</a>
.代表当前目录,可以省略不写
..代表上级目录
/代表根目录(绝对路径时使用)