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

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

相关推荐
诗书画唱2 小时前
解决HTML/JS开发中的常见问题与实用资源
前端·javascript·html
CODE_RabbitV4 小时前
【1分钟速通】 HTML快速入门
前端·html
小*-^-*九4 小时前
php 使用html 生成pdf word wkhtmltopdf 系列1
pdf·html·php
Zz_waiting.4 小时前
案例开发 - 日程管理 - 第七期
开发语言·前端·javascript·vue.js·html·路由
rannn_11113 小时前
【Javaweb学习|实训总结|Week1】html基础,CSS(选择器、常用样式、盒子模型、弹性盒布局、CSS定位、动画),js(基本类型、运算符典例)
css·笔记·学习·html
一朵梨花压海棠go14 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
空山新雨(大队长)14 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
元亓亓亓15 小时前
JavaWeb--day1--HTML&CSS
前端·css·html
索迪迈科技15 小时前
Flex布局——详解
前端·html·css3·html5
DONG91315 小时前
深度解析CSS单位与媒体查询:构建现代化响应式布局的核心技术
前端·css·html·css3·媒体