关于html/css中相对路径的写法,帮我看看写的对吗?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<!--绝对路径-->

<img src="E:HTML5网页设计\Sublime Text 3练习\源码\图像与超链接\img\html.jpg">

<!--相对路径-->

<img src="../../Sublime Text 3练习\源码\图像与超链接\img\html.jpg">

</body>

</html>

2个路径都能显示图片,我总觉得好像相对路径写成绝对路径了,看了好多资料相对路径应该简单点,可是我怎么在缩紧,相对路径就不能显示图片了,相对路径为什么就不能写成../../../../img\html.jpg。反正下划线这段,就是不能省略,一省略就能正常显示图片。正在等待求解,希望大家帮我求答一下,真心有点不懂!

下面有图,2张在浏览器里面都可以显示

http://img.mukewang.com/5a94137a0001503607660305.jpg

相对路径一旦简单化,第2张图片就能显示出来了,是不是能简单化,小白,不懂,求解!!!!

慕无忌1069594
浏览 1618回答 2
2回答

ruibin

相对路径时相对于你现在的文件,想要找的文件放置的位置。你第二个表示的路径和第一个表示的路径明显不一样。../../../../img\html.jpg这里少了一级,写成../../../../../img\html.jpg这样就对了。还有你html放在哪个文件的呢?如果就放在  图像与超链接 这个目录下,直接使用./img/html.jpg就行了,不用那么多../(切记是相对当前html的位置!)。你这里还有一个问题,文件的路径中最好不要出现中文,不然有可能会出现编码问题!所以文件夹或者文件取名字时,最好是字母。

慕田峪1218906

好比你到在卧室柜子里面藏了一百块钱私房钱,如果哪天你急需用这钱,如果你知道一百元放的位置,不管你身处何处你都会直接去柜子找到这一百元,这就是绝对路径.如果你不知道有这一百元,那么你可能在床,床底,鞋柜,柜子找,那你可能要找几个地方才会找到这一百元,这就是相对路径.
打开App,查看更多内容
随时随地看视频慕课网APP