HTML相对路径与绝对路径
来源:互联网 发布:码盘淘宝 编辑:程序博客网 时间:2024/05/22 04:34
HTML有2种路径的写法:相对路径和绝对路径。
1.HTML相对路径(Relative Path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。
我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "index.html">这是超连接</a>
如何表示上级目录
../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../index.html">这是超连接</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../../index.html">index.html</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "../wowstory/index.html">index.html</a>
如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "html/index.html">这是超连接</a>
假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "html/tutorials/index.html">这是超连接</a>
2.HTML绝对路径(Absolute Path)
大 家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website /img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就 是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.ajaxstu.com/img/photo.jpg来确定文件位置的方式也是绝对路径。
HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。
假设你注册了域名http://www.ajaxstu.com,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。
假设你在www根目录下放了一个文件default.asp,这个文件的绝对路径就是: font color="#0058db">http://www.ajaxstu.com/default.asp。
假设你在www根目录下建了一个目录叫archives,然后在该目录下放了一个文件2886.html,这个文件的绝对路径就是http://www.ajaxstu.com/archives/2886.html。
- HTML相对路径与绝对路径
- HTML相对路径与绝对路径
- HTML相对路径与绝对路径
- HTML中的相对路径与绝对路径
- HTML中的相对路径与绝对路径
- HTML中的相对路径与绝对路径
- HTML <img>使用说明-相对路径与绝对路径
- html 相对路径,绝对路径
- 相对路径与绝对路径
- 绝对路径与相对路径
- 相对路径与绝对路径
- 相对路径与绝对路径
- 相对路径与绝对路径
- 相对路径与绝对路径
- 相对路径与绝对路径
- 绝对路径与相对路径
- 相对路径与绝对路径
- 相对路径与绝对路径
- MFC 打印程序的编制
- kindle 6寸格式转换
- phpcms V9 整合 Discuz! X2 标准教程
- Virtualbox NAT模式下配置端口映射
- apache 2.4.1 配置文件目录浏览并优化显示
- HTML相对路径与绝对路径
- Flex获取窗体大小 Flex与JS互相调用
- QT操作Excel
- js 保留两位小数据
- Ios StoreKit 在线购买
- sql server 求以日期所在周的第一天 (星期一)和 最后一天(星期日) 函数
- Android开发之旅:环境搭建及HelloWorld
- Windows操作系统中栈和堆的区别
- 谁能教我读懂任务管理器的性能和联网里的内容和信息?