快关注我,一起学习吧~
在我们的日常实际工作中,经常会需要在网页中插入图像等外部文件,此时就需要采用“路径”的方式来指定文件的位置。
路径可以分为: 绝对路径和相对路径。
绝对路径
绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确的找到,除非是目标文档的位置发生变化,否则连接不会失败。
优点:
同源端点无关。只要网站的地址不变,无论文档在站点中如何移动,都可以正常实现跳转而不会发生错误。另外如果希望链接同站点上的其他内容,就必须使用绝对路径。
缺点:
1. 不利于测试,要想测试连接是否有效,必须在Internet服务器端对链接进行测试。
2. 不利于站点的移植。
相对路径
相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。
为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的办法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。
若链接中源端点和目标端点位于同一个目录下,则在链接路径中只需要指明目标端点的文档名即可。
图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如
。
图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如
。
图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如
。
![c3265ea5621d8df963309249839b7f9a.png](https://i-blog.csdnimg.cn/blog_migrate/db91ebf146feea745ce0217222feeecd.png)
注意:在插入图像时,如果使用图像的绝对路径,图像在远程服务器而不在本地硬盘上,则将无法在文档窗口中查看该图像。此时,必须在浏览器中预览该文档才能看到它。因此,对于图像应该尽量使用相对路径。
END
往期推荐
常用特殊字符标签
超链接
图像标签&&标签属性
常用文本格式化标签