网站开发进阶(四十三)html中,路径前加“/” 与不加“/”的区别
来源:互联网 发布:如何评价刘涛 知乎 编辑:程序博客网 时间:2024/04/29 12:19
网站开发进阶(四十三)html中,路径前加“/” 与不加“/”的区别
前言
<script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包。
加“/”是代表绝对路径,不加“/”是代表相对路径。
HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。
HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里,直接写引用文件名即可。
下面用示例来说明一下绝对路径和相对路径
绝对路径
假设有个域名www.xxx.com,并申请了虚拟主机,虚拟主机有一个目录,比如www,这个www就是网站的根目录。
根目录下放了一个文件index.html,这个文件的绝对路径是: http://www.xxx.com/index.html。
假设在www根目录下建了一个目录叫function,然后在该目录下放了一个文件info.html,这个文件的绝对路径就是http://www.xxx.com/function/info.html。
相对路径
假设:info.html路径是:d:/web/www/function/info.html
index.html路径是:d:/web/www/index.html
写法:<a href = "index.html">这是超连接</a>
上级目录
../表示源文件所在目录的上一级目录
假设:info.html路径是:d:/web/www/function/info.html
index.html路径是:d:/web/www/index.html
写法:<a href = "../index.html">这是超连接</a>
上上级目录
假设:info.html路径是:d:/web/www/function/inc/info.html
index.html路径是:d:/web/www/index.html
写法:<a href = "../function/inc/info.html">info.html</a>
下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设:info.html路径是:d:/web/www/function/info.html
index.html路径是:d:/web/www/index.html
写法:<a href = "function/info.html">这是超连接</a>.
美文美图
- 网站开发进阶(四十三)html中,路径前加“/” 与不加“/”的区别
- 网站开发进阶(四十七)html中padding-top与margin-top的区别
- SRC目录文件的引用 路径前加“/” 与不加“/”有区别
- 函数前加static与不加static的区别
- 关于路径前面加"/"与不加"/"的区别小记
- grep中加单引号与不加引号的区别
- jquery过滤选择器前加空格与不加空格的区别
- html 中a标签中href属性 加#号和不加#号的区别
- Jsp中URL中加斜杠与不加斜杠的区别
- JS中函数名后面的括号加与不加的区别和作用?
- JS中函数名后面的括号加与不加的区别和作用?
- JS中函数名后面的括号加与不加的区别
- URL末尾加“/”与不加“/"的区别
- JavaScript函数加括号与不加括号的区别!
- 正则表达式加^$与不加的区别
- new对象加括号与不加的区别
- 【springmvc】@RequestParam详解以及加与不加的区别
- 【springmvc】@RequestParam详解以及加与不加的区别
- Service详解
- CocoaPods的安装以及从工程删除
- Hybris Marketing中使用到的算法
- 优先队列模板
- 如何生成i文件(预处理文件)
- 网站开发进阶(四十三)html中,路径前加“/” 与不加“/”的区别
- 8086汇编语言 针对CX只有一个,所以两层循环与栈结合的启发代码
- Redis实现自动输入完成
- ofbiz 生产排产分析
- redis配置文件redis.conf参数说明
- HDOJ-1905 Pseudoprime numbers
- mysql 随机RAND和GROUP BY优化
- VIM的高级用法
- 关于ActivityManagerService的学习启动模式 7.23