[假期甜点] 简单教程之一  —— 《相对路径概念 (一)》

相对路径概念 (一)

先祝大家国庆节快乐!今天各位都玩儿得很开心吧?我们这里已经有秋天的凉意了。[假期甜点]教程就是课外补习,补习上课中没有具体讲解的内容。因为放假了嘛,所以我称它为假期甜点。言规正题……
相对路径这个概念,在制作网页中极常碰到,比如超链接、连接图片、背景音乐、CSS文件、JS文件、数据库等等,都要了解相对路径的概念。为此,今天专门写篇专题,为了以后引用方便。
什么是相对路径?相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。
  先做个试验:
  测试浏览http://hy163.cn/page.htm
  代码下载  点击下载该文件  (自解压EXE格式)

<!-- ------------- 代码包括三个文件和两个目录如下 ------------ -->

<!-- /page.htm -->
/ - >>> <a href="main/page.htm">main/</a>
<br><br>
 返回根目录:<a href="/page.htm"> /</a><br>
返回上一目录:<a href="../page.htm">../</a><br>
  本级目录:<a href="./page.htm"> ./</a><br>
<!-- / 结束 -->


<!-- /main/page.htm -->
/main/ - >>> <a href="home/page.htm">home/</a>
<br><br>
 返回根目录:<a href="/page.htm"> /</a><br>
返回上一目录:<a href="../page.htm">../</a><br>
  本级目录:<a href="./page.htm"> ./</a><br>
<!-- main/ 结束 -->


<!-- /main/home/page.htm -->
/main/home/<br><br>

 返回根目录:<a href="/page.htm"> /</a><br>
返回上一目录:<a href="../page.htm">../</a><br>
  本级目录:<a href="./page.htm"> ./</a><br>
 上上级目录:<a href="../../page.htm">../../</a>
<!-- main/home/ 结束 -->
<!-- ---------------------------------------------------------------- -->


  总结一下:“/”代表根目录;“./”代表本级目录;“../”代表上级目级
  另说明一下<a href="./page.htm">和<a href="page.htm">相同。

  现在是2005年10月3日零晨01:35  ^@^ 呵呵!好了,现在很晚了,我也很累了,去休息一下.下次我们接着讲《相对路径概念 (二)》!


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
评论: 1 | 引用: 1 | 查看次数: 7819
  • 1
liujhome203 [2005-10-17 11:55 PM]
顶一下,不错,谢谢老师
  • 1
发表评论
昵 称:
密 码: 游客发言不需要密码.
验证码: 验证码
内 容:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 2000 字 | UBB代码 开启 | [img]标签 关闭