所谓相对路径，就是相对于自己的目标文件位置。那么在html中如何写相对路径呢？
相对路径的几种写法：
1、如果是在同一目录下，有两个文件A.html和B.html：
在A页面可以直接引用B页面：
<a href = "B.html">B.html</a>2、如果A页面和C目录在同一目录下，B页面又在C页面的目录下。
则A引用B：
<a href = "C/B.html">B.html</a>B引用A：
<a href = "../A.html">B.html</a>3、A页面和B页面分别在C和D目录下，C和D目录在相同的路径下，则A引用B：
<a href = "../D/B.html">B.html</a>说明：
● ./代表跳转到当前目录中
● ../代表跳转到父级目录中
● /代表跳转到根目录中
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
在前端学习过程中，涉及到路径的问题非常多，相对路径，绝对路径等。有时候明明觉得没问题，但是还是会出错。或者说线下没问题，但是到了线上就出现问题，因此弄懂路径问题，非常关键
html中的路径：指文件存放的位置，在网页中利用路径可以引用文件，完成：插入图像、视频等功能。表示在html中路径的使用方式有两种：相对路径，绝对路径。
调度系统的任务可视化界面需要完成用户可在界面上连线作为任意两个job间的依赖关系，也就是DAG图DAG也就是有向无环图，有向无环图指的是一个无回路的有向图。环是一条至少含有一条边且起点和终点相同的路径。
webpack 前端打包工具, 开发人员要面对的路径主要是: 打包前的路径(开发环境路径)和打包后的路径(生产环境路径)，在webpack.config.js中配置的output.path, output.publicPath, 以及各种插件, loader中的outputPath, publicPath
vue-cli 2.x 版本创建项目时，我们可以在 build 文件夹下找到 webpack.base.conf.js 文件，在里面修改 resolve.alias 即可。但是vue-cli 3.0 创建项目时，目录结构精简化，找不到 build 和 config 文件夹
绝对路径指的是文件的真正路径，使用绝对路径链接外部资源，如：图片、超级链接、flash、音频、视频等等。使用绝对路径必须输入完整的描述路径，这种方法指向的链接目标地址清晰明确
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!