HTML——16.相对路径

时间sk2024-12-31 19:09

html 复制代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="../../fj1/fj2/c.html" target="_blank">链接到c</a>
		<!--相对路径：-->
			<!--1.相对路径，以当前文档所在的目录作为参考-->
			<!--2.在本目录中-->
			<!--<a href="a1.html" target="_blank">链接到a</a>-->
			<!--3.当前文档和目标文档不在同一个目录-->
			    <!--一个"../"表示返回一层目录,要返回多级使用多个"../"组合-->
			
	</body>
</html>
在同一个文件目录下
在同一个文件目录下可以直接写成<a href="a1.html" target="_blank">如a.html和本文件4-4.html放在同一文件里所以是同一个目录，所以可以直接搜索


在不同文件目录下
再如4-4.html和c.html不是在同一个文件夹中，所以4-4.html跳转c.html中要从4-4.html出发找到c.html
其的步骤先跳出fj4文件夹用"../"，再跳出fj3文件夹用"../"，这时候就可以访问了，先访问fj1再访问fj1下的fj2,再到c.html

绝对路径是一个完整地址相对简单一些。而相对路径要考虑文件层级关系，相对复杂一些