html的相对路径和绝对路径

来源:互联网 发布:php curl exec 不输出 编辑:程序博客网 时间:2024/05/17 23:51

相对路径

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

例(利用相对路径在一个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
1 0
原创粉丝点击