html的相对路径和绝对路径

相对路径

相对路径：相对于本网页文件所在地址的路径， 在访问时可以访问该网页文件所在根目录、子目录、上一级目录的文件。

例（利用相对路径在一个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