Part 1-5 路径指南

认识路径

<a href="http://imweb.io" target="_blank">
 <img src="imweb-logo.png" alt="IMWeb 学院">
</a>
  • 电脑中的某个文件 E:\娱乐\音乐\蓝莲花.mp3,或在网上看到的某个图片的网址https://8.url.cn/edu/download/images/s-3-bg.86430f50.jpg,这些都是路径.
  • 而在<a>元素和<img>元素,说到的链接地址href属性和图片地址src属性,这两个属性的值也是路径.
路径分为绝对路径和相对路径。
  • 绝对路径:以站点根目录为参考基础的路径.
  • 相对路径:由文件本身所在的路径引起的跟其它文件的路径关系.

实例

以生活中的地址为例,如果我们要描述家庭小区的具体位置就可以说 “中国XX省XX市XX区XX路XX小区”,也可以说“XX小区旁的XX小区”。前者就类似于绝对地址,后者就是一个相对地址。

相对路径

在使用相对路径时,我们用符号“./”来表示当前目录,用符号“../”来表示当前目录的父目录.
如果以相对路径来引入的话,我们可以写成:

  • 图片:../../img/img-style.png
  • 样式:./style.css
绝对路径

在使用绝对路径时,我们使用"/" 代表根目录.
如果以绝对路径来引入的话,我们可以写成:

  • 图片:/img/img-style.png
  • 样式:/p2/exercises/style.css

其他站点要访问该目录时,则需要加上域名地址.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容