HTML 绝对路径与相对路径概念详细
路径指文件存放的位置,在网页中利用路径可以引用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下讨论均是在HTML环境下进行。 相对路径 相对路径,顾名思义,指的是目标文件相对于当前文件的位置。这在网页设计中相当常见,因为它让文件间的引用变得灵活。不过,它的几种写法各有讲究,意义
路径指文件存放的位置,在网页中利用路径可以引用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下讨论均是在HTML环境下进行。
相对路径
相对路径,顾名思义,指的是目标文件相对于当前文件的位置。这在网页设计中相当常见,因为它让文件间的引用变得灵活。不过,它的几种写法各有讲究,意义也不同。常见的表示方法有以下几种:
./:代表文件所在的当前目录。这个前缀其实常常可以省略,直接写子目录或文件名就行。
../:代表文件所在的父级目录,也就是向上一层。
../../:代表文件所在的父级目录的父级目录,即向上回溯两层。
/:代表文件所在的根目录。这个符号其实可以理解为项目内部的“绝对路径”起点。

图1:项目目录结构
我们结合图1的项目目录结构来看个具体例子。假设要在test.html文件中引入000.css样式表,常见的写法有这么几种:
(这里的./可以省略)
绝对路径
说完了相对路径,再来看看绝对路径。它指的是一个完整的网址,从协议头一直到具体文件。再以图1的项目为例,如果这个网站的域名是www.test.com,那么000.css的绝对路径就是:
https://www.test.com/HelloHBuilder/html/css/css1/000.css。
相对路径与绝对路径的优缺点

表1:相对路径与绝对路径的优缺点
Postman是一套面向API全生命周期的开发与测试平台,可在Mac上发送和调试多种协议请求,管理集合、环境及认证信息,并完成脚本测试、模拟服务、监控、文档发布和团队协作。它适合开发、测试及运维人员使用,提供个人免费方案。
Docker Desktop 是 Docker 官方为 Mac 提供的容器开发环境,集成 Docker Engine、命令行工具、Compose、Build、Kubernetes 与图形化管理界面。
Android Studio 是 Google 面向安卓应用开发提供的官方集成开发环境,基于 IntelliJ IDEA 构建。它整合智能代码编辑、Gradle 构建、界面预览、设备模拟、性能分析、调试测试及 APK 分析等工具。
PixPix 是面向品牌、卖家和内容团队的在线 AI 图片视频创作平台,提供图视频 Agent、无限画布、图片生成、视频生成、自然语言编辑及商品套图、产品精修和带货视频等电商工具。
Postman 是面向 API 全生命周期的开发与协作平台。Windows 桌面版可用于构建和发送 HTTP、GraphQL、gRPC、WebSocket、MQTT 等请求,并提供环境变量、集合、脚本测试、模拟服务、监控、文档及团队工作区等
Docker Desktop 为 Windows 开发者提供集成式容器环境,内置 Docker Engine、命令行工具、Compose、Build 与 Kubernetes 等组件,可在本机完成镜像构建、容器运行、日志查看和资源管理。













