网站的想对地址对我们做优化的来说十分重要,可以说是每个网站运营商必备的技能。很多时候,我们的网站需要修改图片或CSS等等,都需要通过路径找到文件的位置,然后才能正确修改。下面是我的一些经验,做一些总结和思考。
如何使用相对路径和绝对路径
如何使用绝对路径
绝对路径指的是绝对位置,完整地描述了目标的所在地,所有目录层级关系是一目了然的。
例如想要修改http://www.yinhuafeng.cn/images/weixin.jpg这张图片,该图片链接是一个绝对路径,从图片路径可以看到,weixin.jpg图片是在空间的根目录下的images文件夹中,可直接前往根目录images文件夹中就可以找到该图片,然后下载下来进行修改再覆盖即可。
绝对路径的优点:一般来说,绝对路径更加直观明了,如果自己的网页使用绝对路径,当有人copy我们的网页到自己网站,或者将网页保存到本地电脑中,里面的链接图片等都是连接到自己的网站。这就说明无论网页处在哪个位置,都能指向正确的URL。
绝对路径的缺点:内容页面比较固定,修改一个绝对地址就改变一个,其他路径不会发生变化,工作效率上比相对路径要差,但对新手站长来说,掌握绝对地址可能更加适应。
如何使用相对路径
相对路径指的是相对于当前文件的路径,相对路径通常用几个特殊符号来表示,下面来看看几种常见的表现形式及其代表的意义:
“../”代表当前文件所在目录的上一级目录。
“../../”代表当前文件所在目录的上上级目录。
“../../../”可以依次类推。
“/”代表根目录。
“./”表示当前目录,HTML中,可以省略。
例如上面举例的http://www.yinhuafeng.cn/images/weixin.jpg图片链接,若用相对路径表示就是/images/weixin.jpg,前面要有个 "/" ,表示相对于站点根目录的路径。
相对路径和绝对路径优劣势分析
相对路径的优点:网页在本地进行测试时很方便,不需要域名就可以测试然后上线;节省代码,减少网页体积;还有就是文件搬移也比绝对地址来的快。
相对路径的缺点:页面位置发生变化时,就会出现大量的死链,链接很容易失效。
总结:其实无论是绝对路径也好,相对路径也罢,对于搜索引擎SEO而言是没多大区别的,相对地址节省的那一点代码完全可以忽略不计。更多的一般是涉及工作方便的问题,如果网页小改的话可以用绝对路径。一般来说,网页使用相对路径比较不容易出错。SEO站长学习绝对路径和相对路径的知识是非常有帮助的,修改图片和CSS等都需要学会查找路径,掌握技巧之后修改网页就非常得心应手了。
相关阅读
云优化指网站(下至单用户站点)可以建立SSL或者Ipsec连接到云优化供应商,而云供应商将会为你加速应用流量。这些供应商在他们自
由于是小白(半路入行),所以很多都不太懂!之前一直都是使用的绝对路径: ${pageContext.request.contextPath};这次写静态网站用到相对路
导读 复习HTML知识的时候,URL的路径的写法是我们经常会用到的一块内容。相对路径和绝对路径的问题不难,只要明白各自的道理,同时清
相对路径和绝对路径,往往都是初学者最困惑的知识点之一。在这一节,我们详细跟大家探讨一下这两者的区别和写法。 我们在C盘目录下建
首先我们阐述一下什么是绝对路径,什么是相对路径?绝对地址就是指文件或目录真实存在的路径,简单来说就是整个路径全部都会写出来,中间