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

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

相关推荐
Hilaku2 小时前
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
前端·css·html
ac.char3 小时前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
每天开心3 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
撰卢4 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister4 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
呆呆的心8 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
WildBlue8 小时前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
wuxuanok8 小时前
Web前端开发-HTML、CSS
前端·css·html
namehu9 小时前
“什么?视频又双叒叕不能播了!”—— 移动端视频兼容性填坑指南
javascript·html
shawn_yang9 小时前
使用 vite 开发原生 html 网页
html