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

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

相关推荐
Never_Satisfied19 小时前
在JavaScript / HTML中,`onclick`事件触发多个函数
开发语言·javascript·html
杨超越luckly2 天前
HTML应用指南:利用POST请求获取全国索尼体验型零售店位置信息
前端·arcgis·html·数据可视化·门店数据
会飞的小菠菜2 天前
快速将多个PPT、PPTX幻灯片统一转换成浏览器能直接打开的HTML网页文件
html·powerpoint·浏览器·ppt·格式转换·网页
L李什么李2 天前
HTML——使用表格制作简历
前端·javascript·html
我有一棵树2 天前
html 滚动条相关开发经验总结
前端·javascript·html
How_doyou_do3 天前
样式冲突修复组件
前端·javascript·html
我有一棵树3 天前
如何优雅的布局,height: 100% 的使用和 flex-grow: 1 的 min-height 陷阱
前端·css·html
余防3 天前
XXE - 实体注入(xml外部实体注入)
xml·前端·安全·web安全·html
β添砖java3 天前
CSS定位布局
前端·css·html
豆豆豆大王4 天前
HTML 与 JavaScript 结合 “点击按钮弹出提示” 的交互功能
javascript·html·交互