HTML之绝对路径与相对路径

  • 时间:2018-07-12 22:39 作者:前端唠唠嗑 来源:前端唠唠嗑 阅读:339
  • 扫一扫,手机访问
摘要:路径指文件存放的位置,在网页中利使用路径能引使用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下探讨均是在HTML环境下进行。相对路径相对路径是指目标相对于当前文件的路径,网页结构设计中多采使用这种方法来表示目标的路径。相对路径有多种表示方法,其表示的意义不尽相同。表示方法如下
HTML之绝对路径与相对路径

路径指文件存放的位置,在网页中利使用路径能引使用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下探讨均是在HTML环境下进行。

相对路径

相对路径是指目标相对于当前文件的路径,网页结构设计中多采使用这种方法来表示目标的路径。相对路径有多种表示方法,其表示的意义不尽相同。表示方法如下:

./ :代表文件所在的目录(能省略不写)

../ :代表文件所在的父级目录

../../ :代表文件所在的父级目录的父级目录

/ :代表文件所在的根目录

值得注意的是,(/ :代表文件所在的根目录)其实能了解成项目内部的绝对路径。

HTML之绝对路径与相对路径

图1:项目目录结构

以图1所示项目目录结构为例,假如要在test.html中引入000.css,能有以下写法:

1、 (./能省略)

2、

3、

绝对路径

绝对路径是指完整的网址,假设图一中项目的网站域名为www.test.com,那么000.css的绝对路径应该是

https://www.test.com/HelloHBuilder/html/css/css1/000.css。

相对路径与绝对路径的优缺点

HTML之绝对路径与相对路径

表1:相对路径与绝对路径的优缺点

HTML之绝对路径与相对路径

HTML之绝对路径与相对路径

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】树莓派安装TensorFlow(2020-04-24 21:11)
【系统环境|服务器应用】防面试-SD_WebImage(2020-04-24 21:11)
【系统环境|服务器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
【系统环境|服务器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
【系统环境|服务器应用】如何轻松学习JavaScript?(2020-04-24 21:10)
【系统环境|服务器应用】【源码剖析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各布局细节参数(2020-04-24 21:10)
【系统环境|服务器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
【系统环境|服务器应用】好用的Middleware实现(2020-04-24 21:10)
【系统环境|服务器应用】前台面试每日 3+1 —— 第373天(2020-04-24 21:10)
【系统环境|服务器应用】绍圣--kafka之生产者(五)(2020-04-24 21:10)
手机二维码手机访问领取大礼包
返回顶部