首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

“路径”简介及使用

在我们的日常实际工作中,经常会需要在网页中插入图像等外部文件,此时就需要采用“路径”的方式来指定文件的位置。

路径可以分为: 绝对路径和相对路径。

绝对路径

绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确的找到,除非是目标文档的位置发生变化,否则连接不会失败。

优点:

同源端点无关。只要网站的地址不变,无论文档在站点中如何移动,都可以正常实现跳转而不会发生错误。另外如果希望链接同站点上的其他内容,就必须使用绝对路径。

缺点:

1. 不利于测试,要想测试连接是否有效,必须在Internet服务器端对链接进行测试。

2. 不利于站点的移植。

相对路径

相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。

为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的办法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。

若链接中源端点和目标端点位于同一个目录下,则在链接路径中只需要指明目标端点的文档名即可。

图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如。

图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如。

图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如。

注意:在插入图像时,如果使用图像的绝对路径,图像在远程服务器而不在本地硬盘上,则将无法在文档窗口中查看该图像。此时,必须在浏览器中预览该文档才能看到它。因此,对于图像应该尽量使用相对路径。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20201128A0E1D100?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券