html基础第六课笔记:路径的写法

13 篇文章 0 订阅
8 篇文章 0 订阅

路径的写法

站内资源和站外资源

站内资源:当前网页的资源(自己的东西)
站外资源:不是当前网页的资源

绝对路径和相对路径

站外资源:只能使用绝对路径
站内资源:可以使用相对路径,也可以使用绝对路径

  1. 绝对路径
    绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
    完整的描述文件位置的路径就是绝对路径,以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个目录或文件的路径,由一系列连续的目录组成,中间用斜线分隔,直到要指定的目录或文件,路径中的最后一个名称即为要指向的目录或文件。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
  • 绝对路径的书写格式:C:\windows\system32\cmd.exe

网络应用中绝对路径的优点 :
1、防止网站被恶意抄袭,使用绝对路径,如果有人抄袭采集你的内容,里面的链接还会指向你的网站。有些抄袭的比较懒,连里面的链接一起抄了过去。
2、如果站长不能做301转向,因而有网址规范化的问题,使用绝对路径有助于链接指向选定的URL版本。
3、就算网页被移动位置,里面的链接还是指向正确的URL。

绝对路径的缺点:
1、除非链接是动态插入的,不然没办法在测试服务器上进行测试。因为里面的链接将直接指向真正的域名URL,而不是测试服务器中的URL。
2、除非链接是动态插入的,不然移动内容页面将很困难。因为内容页面位置发生变化,在其他页面上的链接却可能无法跟着变化,还指向原来的已经硬编码的绝对路径。

URL

统一资源定位符(英语:Uniform Resource Locator,缩写:URL,或称统一资源定位器、定位地址、URL地址)俗称网页地址,简称网址。地址书写格式:
协议名(协议类型)://主机名(服务器地址):端口号/路径(资源层级UNIX文件路径)

schema://host:port/path

例如:https://baike.baidu.com/item

https://pc.yiyouliao.com/msn/article.html
http://www.renren.com/
file:///C:/Users/hp/Desktop/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80.HTML/HTML/5.a%E5%85%83%E7%B4%A0/5.%E6%B5%8B%E8%AF%95.html
  • 协议名:http,https,file
http://127.0.0.1:5500/HTML/5.a%E5%85%83%E7%B4%A0/5.%E5%8A%9F%E8%83%BD%E9%93%BE%E6%8E%A5.html
  • 主机名:通常是域名(比较便宜,可以购买),有时候为IP地址
https://www.baidu.com:443/
http://www.renren.com:80/
  • 端口号:如果协议是http协议,默认端口号80;如果协议是https协议,默认端口号为443(默认值一般不显示,隐藏)
https://pc.yiyouliao.com/msn/article.html
/msn/article.html为路径

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

2.相对路径

相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。

以./开头,./表示当前资源所在目录
可以书写…/表示返回上一级目录

以./开头,./表示当前资源所在目录
可以书写…/表示返回上一级目录
相对路径中:./可以省略

相关链接
相对路径
URL-mdn
绝对路径

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值