html中的绝对路径URL和相对路径URL及子目录、父目录、根目录

发布时间：2014-08-01 11:31:39   作者：佚名   我要评论

绝对URL用于表示Internet中特定文件所需要的全部内容，相对URL只适合同名网页链接下的其他目录，下面为举例为大家介绍下子目录、父目录、根目录如何理解，对此有疑惑的朋友可以参考下

绝对URL用于表示Internet中特定文件所需要的全部内容，Internet中的每一个文件都有一个唯一的URL，这就是在网页中搜索时需要输入到地址栏的连接。

例如，要进入百度一下的网页，则在网页地址栏中输入：http://www.baidu.com./即可。

一旦进入到某个网页之后，可能在其内部在点击其他画面的时候，观察地址栏的链接可能变得很长，这是由于所点击的内容的地址就将使用：相对URL。相对URL只适合同名网页链接下的其他目录，如果进入其他网站则失效。如果希望连接到相同目录中的资源，则只需要更换文件名字，而原始地址不需要更换。

1、子目录

电脑中的子目录很好理解，例如：C:\是父目录，C:\Windows就是C:\的子目录；C:\Windows\System32\就是C:\Windows的子目录。

每一级的子目录只需要在父目录的后面添加斜杠/然后添加文件名即可构成子目录。

2、父目录

父目录：即同1中的C:\Windows\System32\，C:\Windows就是System32的父目录。

3、根目录

根目录：示例同上，即C:/即为根目录。

在html中的目录也即是如此。只不过根目录要换成这种模式：架构+服务器地址+文件名的这种形式。

示例：

http://www.wrox.com/index.html;

相关文章

这篇文章主要介绍了html父子页面iframe双向发消息的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-10-12

这篇文章主要介绍了如何在HTML里加载摄像头，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-29

这篇文章主要介绍了html-webpack-plugin使用，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-15

这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-02

这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友2020-08-20

这篇文章主要介绍了前端html换肤功能的实现代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-08-20

这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-08-17

这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-08-17

这篇文章主要介绍了HTML table行距的改变方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2020-07-31

这篇文章主要介绍了HTML Table 空白单元格补全的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一2020-07-31

最新评论