图文课程 职群旗下

  1. 首页
  2. 所有分类
  3. 前端
  4. 5.html5中的路径表示

5.html5中的路径表示

  路径在html中的作用主要是进行外部资源的引入,如css文件,js文件,媒体文件等。

  而路径本身有分为相对路径和绝对路径。所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接从 file:///磁盘符开始的完整路径。(注意,盘符主要是针对windows)。


1.绝对路径

<a href="file:
///D:/HTML5/code/index2.html"
>index2</a>

解释:首先是 file:///开头,然后是磁盘符,然后是一个个的目录层次,找到相应文 件。这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦 出现任何变化,链接当即失效。


2.相对路径

<a href="index2.html">index2</a>

解释:相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直 接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就 需要使用目录结构语法.


3.目录语法

同一个目录:index2.html 或./index2.html;

在子目录:xxx/index2.html;

在孙子目录:xxx/xxx/index2.html;

在父目录:../index2.html;

在爷爷目录:../../index2.html;


最后,一个要注意的地方是:不管你有没有发现,其实windows和linux系统的路径分隔符是不一样的,windows为 \ ,而linux为 / 。但不管最终运行在什么平台,路径的表示都要使用linux的习惯,也就是 / 。

 

猜你喜欢
jQuery中的动画与特效 CSS弹性盒模型flex在布局中的应用
解决zabbix图中出现中文乱码问题 图中的中文会变成方块 jQuery中的事件冒泡
【Simple Java】Java中的内部接口 兄台息怒,关于arguments,您的想法和大神是一样一样的----闲聊JS中的apply和call
HttpServlet中的2种请求处理方式 3.css中的颜色
UDT中的epoll jQuery中的事件与动画 (你的明天Via Via)