【HTML】绝对路径和相对路径

绝对路径和相对路径的定义

 

1. 绝对路径

绝对路径又分为本地绝对路径网络绝对路径

  • 本地路径:是指文件在硬盘上真正存在的路径。
  • 网络路径:就是带有网址的路径。
<a href="http://www.dreamdu.com/exe/1.html">链接到1.html</a>

 

2. 相对路径

相对路径就是相对于当前资源所在的目录位置。

<a href="../1.html">链接到上级目录中的文件</a>

 

 

 

如何表示相对路径?

  • 下级目录      images/smile.jpg
  • 下下级目录   images/life/smile.jpg
  • 当前目录      ./nice.jpg
  • 上级目录      ../good.jpg
  • 上上级目录   ../../luck.jpg

 

相对路径的优势是什么?

 
  绝对路径 相对路径
优点

A、如果有人抄袭你的网站内容,里面的链接还会指向你的网站, 如果有人将你的网页保存到本地电脑中,

里面的链接、图片、css、 以及js仍然会连接到你的网站。

B、如果网页位置改变,里面的链接还是指向正确的URL。

A、容易移动内容,可以整个目录移动。

B、测试方法比较灵活,本机测试时比较方便。

缺点 A、在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名而 不是开发站点。 A、部分内容页面换了位置时,链接容易失效。 B、容易被人大面积采集抄袭。

 

 

 

【HTML】绝对路径和相对路径

上一篇:webstorm打开后无法显示文件夹目录


下一篇:thinkphp5.1 Array to string conversion问题 where express error:问题