浅谈路径的写法_路径格式-CSDN博客

本文链接：https://blog.csdn.net/m0_74482399/article/details/127948611

路径的写法

站内资源和站外资源

站内资源：当前网站的资源

站外资源：非当前网站的资源

绝对路径和相对路径

站外资源：绝对路径(只能)

站内资源：相对路径(最好非必须)

1.绝对路径

绝对路径的书写格式：

严格来说叫做url地址

协议名://主机名:端口号/路径

schema://host:post/path

https://mbd.baidu.com/newspage/data/videolanding?

http://www.people.com.cn/

file:///D:/%E5%89%8D%E7%AB%AF/HTML%E6%A0%B8%E5%BF%83/5.a%E5%85%83%E7%B4%A0/index.html(本地文件)

http://127.0.0.1:5500/HTML%E6%A0%B8%E5%BF%83/5.a%E5%85%83%E7%B4%A0/index.html

协议名：http、https、file

主机名：域名(需要在网上购买)、IP地址

端口号：如果协议是http协议，默认端口号为80;如果协议是https协议，默认端口号为443

当跳转目标和当前页面的协议相同时，可以省略协议

<!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>Document</title>
</head>
<body>
    <!--<a href="https://mbd.baidu.com/newspage/data/videolanding?nid=sv_9122033249932461886&sourceFrom=pc_feedlist">
        百度
    </a>-->
    <a href="//renren.com">
        人人网
    </a>
</body>
</html>

2.相对路径

以./开头,./表示当前资源所在的目录

可以书写…/表示返回上一级目录

相对路径中：./可以省略

<!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>Document</title>
</head>
<body>
    <a href="./subhtmls/a.html">
        subhtmls -> a.html
    </a>
    <a href="./../1.第一个网页/index.html">
        我的第一个网页
    </a>
</body>
</html>