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

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

相关推荐
augenstern4167 小时前
HTML面试题
前端·html
a别念m13 小时前
HTML5 离线存储
前端·html·html5
杨超越luckly14 小时前
HTML应用指南:利用GET请求获取全国永辉超市门店位置信息
大数据·信息可视化·数据分析·html·argis·门店
用户97044387811614 小时前
taobao商品详情数据获取实战方法
算法·html
ttod_qzstudio14 小时前
彻底移除 HTML 元素:element.remove() 的本质与最佳实践
前端·javascript·typescript·html
爱编程的喵15 小时前
前端路由深度解析:从传统页面到SPA的完美蜕变
前端·react.js·html
轻语呢喃15 小时前
前端路由:从传统页面跳转到单页应用(SPA)
前端·react.js·html
轻语呢喃17 小时前
<a href=‘ ./XXX ’>,<a href="#XXX">,<Link to="/XXX">本质与区别
前端·react.js·html
chao_7891 天前
frame 与新窗口切换操作【selenium 】
前端·javascript·css·selenium·测试工具·自动化·html
江湖伤心人1 天前
工具分享--IP与域名提取工具
html