相对路径
相对路径:相对于本网页文件所在地址的路径, 在访问时可以访问该网页文件所在根目录、子目录、上一级目录的文件。
例(利用相对路径在一个html文件中引用另一个html文件):
1、在同一个目录的文件引用
如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html
如果path2.html的路径是D:\Study\HTML\Practice\daily\path2.html
则在path1引入path2的超链接应写为:
<a href="path2.html">path2的链接</a>
总结:若两个文件在同一个目录里,则直接引用文件名即可。
----------
2、引用子目录里的文件
如果path1.html的路径是D:\Study\HTML\Practice\path1.html
如果path2.html的路径是D:\Study\HTML\Practice\daily\path2.html
则在path1引入path2的超链接应写为:
<a href="daily\path2.html">
如果path1.html的路径是D:\Study\HTML\path1.html
如果path2.html的路径是D:\Study\HTML\Practice\daily\path2.html
则在path1引入path2的超链接应写为:
<a href="Practice\daily\path2.html">
总结:若是引用子目录中的文件,则直接写出子目录的文件路径即可。
----------
3、引用上级目录中的文件
如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html
如果path2.html的路径是D:\Study\HTML\Practice\path2.html
则在path1引入path2的超链接应写为:
<a href="../path2.html">
如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html
如果path2.html的路径是D:\Study\HTML\path2.html
则在path1引入path2的超链接应写为:
<a href="../../path2.html">
如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html
如果path2.html的路径是D:\Study\HTML\Practice\day\path2.html
则在path1引入path2的超链接应写为:
<a href="../day/path2.html">
如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html
如果path2.html的路径是D:\Study\HTML\Prac\day\path2.html
则在path1引入path2的超链接应写为:
<a href="../../Prac/day/path2.html">
总结:../表示文件的上一级文件,一个符号表示上一级,两个符号表示上两级,以此类推。
绝对路径
指代该文件所在位置的完整路径。
例如上例1中的path1的绝对路径是:
D:\Study\HTML\Practice\daily\path1.html
path2的绝对路径是:
D:\Study\HTML\Practice\daily\path2.html