HTML——16.相对路径

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

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

相关推荐
一枚前端小能手4 小时前
🌐 HTML DOM API全攻略(上篇)- 从基础操作到高级技巧的完整指南
前端·javascript·html
一枚前端小能手4 小时前
🌐 HTML DOM API全攻略(下篇)- 高级接口与现代Web开发实践
前端·javascript·html
用户5223630776735 小时前
告别Div地狱:现代HTML的语义化编程革命
html
雨过天晴而后无语6 小时前
Windchill10+html使用Lightbox轻量化wizard的配置
java·前端·html
旺仔小拳头..6 小时前
HTML——表单与表格
前端·html
我的20096 小时前
HTML常用特殊字符
前端·html
云动雨颤10 小时前
Typecho 博客统计脚本怎么装?同步 / 异步 + Head/Body 选择指南
前端·html
旺仔小拳头..11 小时前
HTML的布局—— DIV 与 SPAN
前端·html
淮北4941 天前
html + css +js
开发语言·前端·javascript·css·html
焚 城1 天前
EXCEL(带图)转html【uni版】
前端·html·excel