!
优惠码:wxsnote
信息

深入解析/根目录./当前目录和../父级目录的区别

在建设和维护网站时,正确引用资源的位置是非常重要的。通过使用根目录、当前目录和父级目录来指定资源的位置,我们可以轻松管理和维护网站的文件结构。

假如在网站中引用资源后,忽然需要换成新域名,但你以前的文章图片还带着旧域名。这时想要替换,可是相当麻烦,H5前端不变,域名却是可变的。其实我们可以一劳永逸,在写的时候,就不包含域名。

先给大家看个例子,这是引用123.png图片的代码

<img href="https://wxsnote.cn/123.png" >

如果这个图片资源就在自己网站,那么就以这两种方式写,不加域名,浏览器也会解析补全内容

<img href="/123.png" >
<img href="./123.png" >

三种简写目录方式

图片[1]-深入解析/根目录./当前目录和../父级目录的区别-王先生笔记

1. 根目录:根目录是网站文件系统的顶层目录,使用/表示。当网站引用资源时使用根目录作为开头,资源的路径是相对于整个网站的根目录来确定的。

例如:打开网页https://wxsnote.cn/a/b/index.php,要引用b目录中的123.png,原本写作https://wxsnote.cn/a/b/123.png,现在可以简写为/a/b/123.png,可以理解为去掉了域名

2. 当前目录:当前目录是指当前网页所在的目录,使用./表示。当引用资源时使用当前目录作为开头,资源的路径是相对于当前网页的位置来确定的。

例如:打开网页https://wxsnote.cn/a/b/index.php,要引用b目录中的123.png,原本写作https://wxsnote.cn/a/b/123.png,现在可以简写为./123.png,除了域名,/a/b也省略为.

3. 父级目录:父级目录是指当前目录的上一级目录,使用../表示。当引用资源时使用父级目录作为开头,资源的路径是相对于当前目录的父级目录来确定的。

例如:打开网页https://wxsnote.cn/a/b/index.php,要引用a目录中的456.png,原本写作https://wxsnote.cn/a/456.png,现在可以简写为../456.png..代表上一级目录选择资源。也可以用多个,比如../../表示上上级目录

温馨提示:本文最后更新于2023-09-11 22:17:21,某些文章具有时效性,若有错误或已失效,请在下方留言或加入QQ群:399019539联系群主。
友情赞助

如果你喜欢我的内容,可以赞助我哦!你的一点点心意,是我不断前进的动力!
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容