HTML的a标识href特性特定相对性相对路径与肯定相

在具体Web开发设计中,插进照片、包括CSS文档等都必须有相对路径,假如文档相对路径的加上不正确,就会致使引入无效(没法访问连接文档,或没法显示信息插进的照片等)。许多初学者觉得疑惑,下面我就详尽的详细介绍1下相对性相对路径与肯定相对路径。

HTML相对性相对路径
指由这个文档所属的相对路径引发的跟其它文档(或文档夹)的相对路径关联。
比如:
文档1.htm的肯定相对路径是:d:/www/html/1.htm
文档2.htm的肯定相对路径是:d:/www/html/2.htm
那末:1.htm相对2.htm的相对路径便是:1.htm

相对性连接的应用方式:
假如连接到同1文件目录下,则只需键入要连接文本文档的名字,比如:

XML/HTML Code拷贝內容到剪贴板
  1. <a href =”1 htm”>网页页面连接 </a>  
  2. <img src=”bg.jpg” />  

假如连接到下1级文件目录,则必须先键入文件目录名,随后加 “ / ”,再键入文档名,比如:

XML/HTML Code拷贝內容到剪贴板
  1. <a href =”html/ next.htm”>  
  2. <img src=”images/bg.jpg” />  

假如联接到上1级文件目录,则必须先键入“../”,随后再键入文件目录名、文档名,比如:

XML/HTML Code拷贝內容到剪贴板
  1. <a href = “../ www/index.htm”>  

案例总结
如今有4个html文档各自是aaa.html bbb.html ccc.html index.html
aaa.html的相对路径为:D:/www/adminwang/html/aaa.html
bbb.html的相对路径为:D:/www/adminwang/ bbb.html
ccc.html的相对路径为:D:/www/ ccc.html
index.html的相对路径为D:/www/ index.html

1.连接同1文件目录下的文档
比如ccc.html文档连接index.html的编码以下:

XML/HTML Code拷贝內容到剪贴板
  1. <a href="index.html">连接index网页页面</a>  

 
2.连接上1文件目录的文档
比如bbb.html连接ccc.html的编码以下:

XML/HTML Code拷贝內容到剪贴板
  1. <a href="../ccc.html">连接ccc网页页面</a>  

 
3.连接上2层文件目录的文档
比如aaa.html连接ccc.html的编码以下:

XML/HTML Code拷贝內容到剪贴板
  1. <a href=”../../ccc.html”>连接ccc网页页面</a>  

 
4.连接下级文件目录的文档
比如ccc.html连接bbb.html的编码以下:

XML/HTML Code拷贝內容到剪贴板
  1. <a href="adminwang/bbb.html">连接bbb网页页面</a>  

 
5.连接下2层文件目录的文档
比如ccc.html连接aaa.html的编码以下:

XML/HTML Code拷贝內容到剪贴板
  1. <a href="adminwang/html/aaa.html">连接aaa网页页面</a>  

HTML肯定相对路径
为文档出示的彻底相对路径,包含可用的协议书或盘符。也便是你的首页上的文档或文件目录在电脑硬盘上真实的详细的相对路径。比如:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
肯定相对路径沒有甚么好说的,相对性相对路径把握了,肯定相对路径就很简易了。