九州下载 - 系统安卓苹果手机游戏推荐下载网站!

当前位置:九州下载 > SEO优化 >

什么是网站中的相对路径?

时间:2022-04-16 09:11编辑:九州下载来源:www.wzjsgs.com


  什么是网站中的相对路径解释。相对路径如果不能彻底的很好的明白,那么对于网站后期优化将对有很大的弊端。什么是网站的相对路径呢?相对路径的优缺点有哪些呢?

  我们都知道打开正确的网址才能获得想要的网站。同样,网站里的图片、样式(CSS)及特效(JS)也是需要正确的路径才能获取到。在新手学习前端代码的时候,往往会因为调用错误而导致图片不能显示、样式显示错误、特效无法显示等问题。而这个时候我们就要学会怎么使用路径了,路径对了,图片、样式、特效就都能正确显示了。

  相对路径的展现形式

  相对路径主要针对的情况有两种,一种是最顶端的相对路径,即域名本身之下。因为所有的信息都归于网站域名本身所有,所以当出现这种情况的时候,所有的相对路径均可以省略掉域名。

  如我们通过FTP将一张test.jpg的图片上传到了域名http://www.plumsseo.com之下,那么想要获取到这张图片的正确写法则是

  。域名/test.jpg,其中域名后面的反斜杠/是省略掉了域名本身。

 CSS的写法是:<link href=”/test.css”rel=”stylesheet”type=”text/css”/>;
JS的写法是:<script language=”javascript”type=”text/javascript”src=”/test.js”></script>

  相对路径的另外一种情况则是某个目录下的文件,当出现这种情况的时候,我们就需要找到对应的文件夹并使用对应文件夹的路径。例如,我们通过FTP将一张test.jpg的图片上传到二级栏目下,二级栏目的文件夹名称为phonto,然后将这张test.jpg图片上传到photo文件夹下。

  如果我们想要调取这张图片,那么正确的写法则是:

      CSS的写法是:<link href=”/xiangmu/test.css”rel=”stylesheet”type=”text/css”/>;

      JS的写法是:<script language=”javascript”type=”text/javascript”src=”/xiangmu/test.js”></script>

  当然如果我们所调用的图片、CSS及JS代码和所需要使用的网址在同一个目录下,同样可以省略掉该目录的文件夹名称。总的来说,相对路径的使用是比较灵活的,需要结合当前的路径进行调整。

  相对路径的优缺点

  相对路径的优点是容易移动,可以通过整个文件夹进行移动;测试本地网站也更加方便。相对路径的缺点是如果代码不够严谨,当移动文件夹之后,部分页面可能会出现错乱现象;而且如果使用相对路径的话,很容易被人整站抄袭。

  站点总结:什么是网站的相对路径?相对路径的优缺点介绍就到合理结束了。这里还需要友情提醒大家,网站的相对路径如果实在大型网站中使用,需要谨慎,因为一些大型的网站因为二级域名的较多,如果你都用但斜杠/加上后面的路径地址,那么就会造成网站的不符。也没有调用对应的域名。

相关文章