url，herf, src区别用法

相对URL（relative URL）以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。

以下为建立路径所使用的几个特殊符号，及其所代表的意义。

.：代表目前所在的目录，相对路径。 如：

<a href="./abc">文本</a> 或 <img src="./abc" />

…：代表上一层目录，相对路径。 如：

<a href="../abc">文本</a> 或 <img src="../abc" />

…/…/：代表的是上一层目录的上一层目录，相对路径。 如：

<img src="../../abc" />

/：代表根目录，绝对路径。 如：

<a href="/abc">文本</a> 或 <img src="/abc" />

D:/abc/：代表根目录，绝对路径。

在使用相对路径时，我们用符号“.”来表示当前目录，用符号“…”来表示当前目录的父目录。

href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下：

<link href="style.css" rel="stylesheet" />

src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到

<script src="script.js"></script>

在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停