9、路径问题

yu
yu
2024-09-30 / 0 评论 / 5 阅读 / 正在检测是否收录...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>路径问题</title>
</head>
<body>
    <!--
        一、路径问题(重要):无论使用哪种语言编写程序,路径问题都至关重要,只需要引入资源,必定使用路径

        物理路径:D:\vscodeprojects\photo
        文件系统:我们通常写代码会使用Windows操作系统,但是项目完成后,就必须部署到服务器上,而服务器大部分
            使用Linux操作系统,而Windows和Linux文件系统差别很大,因此实际开发时,不允许使用物理路径。

        相对路径:相对于文件所在的路径  (建议前端)
            ./代表当前路径(可以省略不写,默认为 ./)
            ../代表上一级路径

        绝对路径:就是目录下的绝对位置
          http://127.0.0.1:5500/web/hello.html

          服务器的根路径:http://127.0.0.1:5500
          项目所在的路径: web/hello.html

          / [斜杠] 表示当前项目所在服务器的根路径,从这里开始找所需要的资源即可
    -->
        <!--相对路径-->
    <img src="./photo/1.jpg"alt="">
    <!--退回到了web!!-->
        <!--绝对路径-->
    <img src="/web/photo/1.jpg">
</body>
</html>
0

评论 (0)

取消