HTML之绝对路径与相对路径

  • 时间:2018-07-12 22:39 作者:前端唠唠嗑 来源:前端唠唠嗑 阅读:229
  • 扫一扫,手机访问
摘要:路径指文件存放的位置,在网页中利使用路径能引使用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下探讨均是在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)
最新发布的资讯信息
【系统环境|服务器应用】在CentOS 7上如何安装Gogs 0.11.53(2020-02-10 10:14)
【系统环境|】淘码库,据消息称已被调查。淘码库源码网,已经无法访问!(2020-01-14 04:13)
【系统环境|服务器应用】Discuz隐藏后台admin.php网址修改路径(2019-12-16 16:48)
【系统环境|服务器应用】2020新网站如何让百度快速收录网站首页最新方法,亲测有用!免费(2019-12-16 16:46)
【系统环境|服务器应用】Discuz发布帖子时默认显示第一个主题分类的修改方法(2019-12-09 00:13)
【系统环境|软件环境】Android | App内存优化 之 内存泄漏 要点概述 以及 处理实战(2019-12-04 14:27)
【系统环境|软件环境】MySQL InnoDB 事务(2019-12-04 14:26)
【系统环境|软件环境】vue-router(单页面应用控制中心)常见用法(2019-12-04 14:26)
【系统环境|软件环境】Linux中的Kill命令(2019-12-04 14:26)
【系统环境|软件环境】Linux 入门时必学60个文件解决命令(2019-12-04 14:26)
手机二维码手机访问领取大礼包
返回顶部