SEO术语解析之相对路径，上篇文章《SEO术语解析之绝对对路径》凌哥和大家讲了下绝对路径，那么继续带大家来了解下什么是相对路径。
什么是相对路径
我们都知道打开正确的网址才能获得想要的网站。同样，网站里的图片、样式（CSS）及特效（JS）也是需要正确的路径才能获取到。在新手学习前端代码的时候，往往会因为调用错误而导致图片不能显示、样式显示错误、特效无法显示等问题。而这个时候我们就要学会怎么使用路径了，路径对了，图片、样式、特效就都能正确显示了。
相对路径主要针对的情况有两种，一种是最顶端的相对路径，即域名本身之下。因为所有的信息都归于网站域名本身所有，所以当出现这种情况的时候，所有的相对路径均可以省略掉域名。
如我们通过FTP将一张test.jpg的图片上传到了域名http://www.seoblogs.cn之下，那么想要获取到这张图片的正确写法则是：<img src=”/test.jpg”width=400px height=400px>。/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的图片上传到二级栏目下，二级栏目的文件夹名称为xiangmu，然后将这张test.jpg图片上传到xiangmu文件夹下。
如果我们想要调取这张图片，那么正确的写法则是：<img src=”/xiangmu/test.jpg”width=400px；height=400px；>。
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代码和所需要使用的网址在同一个目录下，同样可以省略掉该目录的文件夹名称。总的来说，相对路径的使用是比较灵活的，需要结合当前的路径进行调整。
相对路径的优缺点
相对路径的优点是容易移动，可以通过整个文件夹进行移动；测试本地网站也更加方便。相对路径的缺点是如果代码不够严谨，当移动文件夹之后，部分页面可能会出现错乱现象；而且如果使用相对路径的话，很容易被人整站抄袭。
原创文章，作者：凌哥SEO，如若转载，请注明出处：https://www.seoxyg.com/882.html
