【Tips】url href src的区别

URL (Uniform Resource Locator)

统一资源定位符，是互联网上标准资源的地址。互联网上每一个文件都有唯一的URL。

基本URL包含协议（http等）、服务器名称（或IP地址）、路径、文件名。
如“协议://授权/路径?查询”。

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

• /：代表根目录，绝对路径。
• .代表目前所在的目录，相对路径。
• ..：代表上一层目录，相对路径。
• ../../：代表的是上一层目录的上一层目录，相对路径。

href (Hypertext Reference)与src (Source)

href 超文本引用

href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。

href指定网络资源的位置，在当前元素与资源之间定义一个链接。常见于<link> 、<a>。当我们写下：

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

浏览器明白当前资源是一个样式表，页面解析不会暂停。

src
src (Source)是资源引入，属性仅仅 嵌入当前资源到当前文档元素定义的位置。常用的有<img> 、<script>、<iframe>。当写下：

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

在执行这个文件之前，页面的加载和处理会被暂停。这个过程与把js文件放到

简单来说，URL与href src有着本质的区别，而href和src需要区分且不能相互替换。href用于建立当前文档与引用资源之间的联系；src则用于替换当前元素