在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,下面我就详细的介绍一下相对路径与绝对路径。
HTML相对路径
指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
例如:
文件1.htm的绝对路径是:d:/www/html/1.htm
文件2.htm的绝对路径是:d:/www/html/2.htm
那么:1.htm相对于2.htm的路径就是:1.htm
相对链接的使用方法:
如果链接到同一目录下,则只需输入要链接文档的名称,例如:
如果链接到下一级目录,则需要先输入目录名,然后加 “ / ”,再输入文件名,例如:
如果连接到上一级目录,则需要先输入“../”,然后再输入目录名、文件名,例如:
实例总结
现在有4个html文件分别是aaa.html bbb.html ccc.html index.html
aaa.html的路径为:D:/www/adminwang/html/aaa.html
bbb.html的路径为:D:/www/adminwang/ bbb.html
ccc.html的路径为:D:/www/ ccc.html
index.html的路径为D:/www/ index.html
1.链接同一目录下的文件
例如ccc.html文件链接index.html的代码如下:
2.链接上一目录的文件
例如bbb.html链接ccc.html的代码如下:
3.链接上2层目录的文件
例如aaa.html链接ccc.html的代码如下:
4.链接下级目录的文件
例如ccc.html链接bbb.html的代码如下:
5.链接下2层目录的文件
例如ccc.html链接aaa.html的代码如下:
HTML绝对路径
为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。
为了实现代码高亮,之前找了很多插件,但是效果都不是很理想。经过研究终于找到...
数据库索引在平时的工作是必备的,怎么建好索引,怎么使用索引,可以提高数据的...
Afrikaans:af Albanian:sq Basque:eu Belarusian:be Bulgarian:bg Catalan:ca Ch...
本文实例为大家分享了JavaScript实现前端倒计时效果的具体代码,供大家参考,具...
文章目录 一、 Activity 中的 getApplication() 方法分析 二、 ActivityThread ...
本文实例为大家分享了sp页面验证码的具体代码,供大家参考,具体内容如下 项目结...
前言 我们从Web 2.0的随波逐流,Ajax的大放异彩说起,Struts2框架自己整合了对Aj...
近日,DB-Engines 发布了 2020 年 11 月的数据库榜单,该榜单根据数据库管理系统...
平时在面试中你肯定会经常碰见的问题就是:RocketMQ为什么快?Kafka为什么快?什么...
【51CTO.com快译】在日常生活中,许多人都是在基于他们已经知道的事物基础上,去...