所有分类
  • 所有分类
  • 后端开发
HTML路径问题全解密!绝对VS相对,快速搞定

HTML路径问题全解密!绝对VS相对,快速搞定

在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,下面我就详细的介绍一下相对路径与绝对路径。绝对路径没有什么好说的,相对路径

图片插页变空白图,CSS文件美化页面快速消失,别慌!让我来给大家简单说说相对路径和绝对路径的区别。

咱来聊聊HTML里头那个相对路径在哪儿。顾名思义,就是你和别的文件或者文件夹之间的路儿咯。这个看起来有点复杂不过别担心,它真的超重要滴!要是路径出问题的话,那么你的链接也就不给力,连图片都见不着哒!

说白了就是,用相对链接的话,只需要输入文件名称就可以!比如说,要在”aaa.html”与”index.html”之间建立链接对?就是这么简单直接地操作哦:

链接index网页

找不着上级链接咋整?淡定!教你几个简单步骤解决它。首先输入一个“../”的符号,然后把目录名和文件名补齐就可以了。虽然这个步骤看着有些繁琐,但是千万别忘了,它可是关键!

就拿 HTML 来说,假如你想让 bbb.html 跳转到 ccc.html,那么只需要这样做就好了:

HTML路径问题全解密!绝对VS相对,快速搞定

链接ccc网页

快来看哈这个更深奥的难题!咱俩要把两个文件夹搞到一起去?得动点脑子咯。别慌,我会帮你好好弄,确保万无一失。首先告诉我你想要连接的两个文件夹叫啥名字,别忘了前面加个“/”,还有文件名也别落下。搞定,这下难度级别升上去了!

例子,比如想要在aaa.html里添加ccc.html,具体做法是这样的哈:

链接aaa网页

说到HTML的绝对路径,就是把网址加硬盘分区明确的说了出来。如果你能理解相对路径的话,这个应该就不难。

搞定路线没问题,大家都能做到!碰到路了别慌,赶紧操练起来吧。有趣事儿或者独特经历,欢迎来评论区嗨聊记得点个赞、转发送朵小花~

原文链接:https://www.icz.com/technicalinformation/web/javascript/2024/03/11567.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?