欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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]

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的绝对路径