HTML 文件路径

前言

hello world欢迎来到前端的新世界

---

😜当前文章系列专栏：前端扫盲之HTML
🐱‍👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家指出)🌹
💖感谢大家支持！您的观看就是作者创作的动力

介绍

HTML 文件路径

文件路径描述了网站文件夹结构中某个文件的位置。

文件路径会在链接外部文件时被用到：

• 网页
• 图像
• 样式表
• JavaScript

绝对文件路径

绝对文件路径是指向一个因特网文件的完整 URL：

实例

<img src="https://www.w3cschool.cn/statics/img/logo/indexlogo@2x.png" alt="Logo">

相对路径

相对路径指向了相对于当前页面的文件。

在本例中，文件路径指向了位于当前网站根目录中 logo 文件夹里的一个文件：

实例

<img src="/statics/img/logo/indexlogo@2x.png" alt="Logo">

在本例中，文件路径指向了位于当前文件夹中 logo 文件夹里的一个文件：

实例

<img src="statics/img/logo/indexlogo@2x.png" alt="Logo">

实例

<img src="../statics/img/logo/indexlogo@2x.png" alt="Logo">

好习惯

使用相对路径是个好习惯（如果可能）。

如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。

后言

创作不易，要是本文章对广大读者有那么一点点帮助 不妨三连支持一下，您的鼓励就是博主创作的动力