一、相对地址与绝对地址

 

1、网页上引入或链接到外部文件，需要定义文件的地址，常见的引入或链接外部文件包括以下几种：

<!-- 引入外部图片 -->
<img src="images/001.png" alt="图片" >

<!-- 连接到另一个网页 -->
<a href="002.html">去到002网页</a>

<!-- 外链接一个CSS文件 -->
<!-- 外链式：通过link标签。链接到外部样式文件页面中 -->
<link rel="stylesheet" type = "text/css"href= "css/main.css"  >

<!-- 外链接一个js文件 -->
<script type = "text/javascript"src= "js/jquery.js"></script>

 

这些地址分相对地址和绝对地址:

相对地址：相对引用文件本身去定位被引用的文件地址。

相对地址的技巧："./"表示当前文件所在目录下，eg："./pic.jpg"表示当前目录下的pic.jpg的图片，这个使用时可以省略。

 "../"表示当前文件所在目录下的上一级目录，eg："../images/pic,jpg"表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。

绝对地址：相对于磁盘的位置去定位文件的地址，eg：<img src="c:\courde5\images\001.jpg" alt="图片"/>。绝对地址字整个文件迁移时会因为磁盘多和顶层目录的改变而找不到文件，相对就没有这个问题。