HTML相对路径(Relative Path)和绝对路径(Absolute Path)
程序员文章站
2022-05-10 09:11:18
...
源文件:在该文件内引用了其他的文件,名字为a
被引用文件:名字为b
[color=darkblue][size=large][b]HTML相对路径(Relative Path)[/b][/size][/color]
[color=red]1.源文件与被引用的文件在同一个目录下[/color]
[color=red]2.被引用的文件在源文件的上一级目录下[/color]
[color=red]3.被引用的文件在源文件的下一级目录[/color]
[color=darkblue][size=large][b]HTML绝对路径(Absolute Path)[/b][/size][/color]
被引用文件:名字为b
[color=darkblue][size=large][b]HTML相对路径(Relative Path)[/b][/size][/color]
[color=red]1.源文件与被引用的文件在同一个目录下[/color]
c:\\site\a.html
c:\\site\b.html
源文件中添加被引用文件的链接
<a href="b.html">引用</a>
[color=red]2.被引用的文件在源文件的上一级目录下[/color]
2.1 ../表示上一级目录
c:\\site\htm\a.html
c:\\site\b.html
源文件中添加被引用文件的链接
<a href="../b.html">引用</a>
2.2 ../../表示上一级的上一级目录
c:\\site\htm\html\a.html
c:\\site\b.html
源文件中添加被引用文件的链接
<a href="../../b.html">引用</a>
2.3 来点复杂的
c:\\site\htm\a.html
c:\\site\html\b.html
源文件中添加被引用文件的链接
<a href="../html/b.html">引用</a>
[color=red]3.被引用的文件在源文件的下一级目录[/color]
c:\\site\a.html
c:\\site\html\b.html
源文件中添加被引用文件的链接
<a href="html/b.html">引用</a>
[color=darkblue][size=large][b]HTML绝对路径(Absolute Path)[/b][/size][/color]
HTML绝对路径(absolute path)指带域名的文件的完整路径
域名www.111.com就是网站的根目录
http://www.111.com/index.html
就是根目录下index.html的绝对路径
http://www.111.com/a/index.html
根目录下文件夹a中index.html的绝对路径