绝对路径和相对路径的区别

发布时间:2019-10-28 14:08:26访问人数:作者:推外网络

  在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,相对路径与绝对路径区别用法如下:

  

1.HTML相对路径

  

  相对路径指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。

  


  例如:文件index.html存放在D盘WWW目录下,它的绝对路径是:D:/www/index.html,文件aboutus.html存放在D盘WWW目录下,它的绝对路径是:D:/www/aboutus.html。那么:index.html相对于aboutus.html的路径就是:当前目录下的index.html文件。在超链接中写为:<ahref="index.html">返回首页</a>。

  

  也就是说不加绝对盘符号或者网络上完整路径如:http://www.abc.cn/index.html,http://url/)相对位置写清楚相对于文档的目录路径即可。

  

2.相对路径的使用方法

  

  如果链接到同一目录下,则只需输入要链接文档的名称,例如:<ahref="1htm">网页链接</a><imgsrc="bg.jpg"/>如果链接到下一级目录,则需要先输入目录名,然后加"/",再输入文件名,例如:<ahref="html/next.htm"><imgSrc="images/bg.jpg"/>,如果连接到上一级目录,则需要先输入"../",然后再输入目录名、文件名;../也称为父路径,如:<ahref="../www/index.htm">

  

3.HTML绝对路径

  


  网页文件或者网页上图形、声音、视频等元素在本地或者网络中的完整路径:包括适用的协议或盘符。也就是网页文件在http协议下的url路径或者是硬盘上网页完整的路径。例如:http://www.abc.cn/index.htmD:/www/html/images/logo.jpg,一般来说网站内文件引用和链接使用相对地址,网站外文件引用和链接使用绝对地址。

  

  虽然相对路径看似比较麻烦,但考虑到后续如果将目录移到其他位置,会导致绝对路径全部失效,而相对路径则不用改变。在静态页面的制作中,推荐使用相对路径引出其他的页面。

  

  注重搜索引擎优化的技术人员使用绝对路径效果更好,尤其是图片,如果使用绝对路径,就很容易被搜索引擎收录,利于抓取。而且,做RSS输出时,超链接同样会保留,容易引入流量。

标签:网页设计网站服务器网页制作seo教程
9999+
赞+1
分享:

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。

推外网络 Copyright © 2012-2019. 未经许可,不可拷贝或镜像 沪ICP备19024770号

  • 咨询
  • 电话
  • 首页
  • 关于
  • 返回顶部