网站开发进阶(四十三)html中,路径前加“/” 与不加“/”的区别
2016-07-23 12:01
453 查看
网站开发进阶(四十三)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中,路径前加“/” 与不加“/”的区别
- 盘点国内外十大免费CDN网站加速服务
- 海岩之心 门户网站
- 在百度搜索里展现网站LOGO
- 谈谈网站防盗链
- Android应用架构之Retrofit使用 RxJava 详解 jsoup Android 平滑图片加载和缓存库 Glide 使用详解
- 客户为什么会把订单给你
- 如何架构大规模云端直播录制集群?
- 直播播控和分发基础架构
- 【架构】MVP模型
- Android群英传之Android控件架构与自定义控件
- 模块解耦实践1——为什么写这个系列的文章
- 项目 包 和架构
- 微信系统架构
- HA高可用的搭建
- 开源网站,转自牛人Rachel-Zhang
- 图像视频数据集网站
- IIS 7 网站权限问题
- 免费电子书网站大全
- Openstack的RPC通信代码调用架构