路径
在HTML中,路径用于指定文件的位置,这对于链接目标页面、图像来源、CSS样式表和JavaScript脚本等资源至关重要。
绝对路径
绝对路径提供了从根(协议、域名)开始的完整URL,确保无论从何处访问,都能准确定位到目标文件。
- Windows电脑从 盘符 出发
- Mac电脑从 根目录(/) 出发
示例代码:
html
<a href="https://www.codebetter.cn/about.html">关于我们</a>
1
相对路径
相对路径基于当前文件的位置来指定另一文件的位置,不包括协议和域名,只包含文件路径。
/
表示进入某个文件夹里面,如demo/
.
表示当前文件所在文件夹,如./
..
表示当前文件上一级文件夹,如../
协议相对路径
协议相对路径,也被称作协议无关路径,是一种特殊的URL形式,它不明确指定使用的协议(HTTP或HTTPS),而是通过双斜杠 //
来表示。这种方式允许URL自动继承当前页面的协议,无论是HTTP还是HTTPS。
使用场景
协议相对路径常用于引用外部资源,如脚本、样式表、图片等,确保在不同协议环境下都能无缝加载资源。这种路径的使用提高了资源加载的一致性,特别是在网站同时支持HTTP和HTTPS的情况下。
示例代码:
html
<a href="//www.codebetter.cn/about.html">关于我们</a>
1