前端学习笔记1：url、href和src的区别

 

一、URL

 

URL(Uniform Resource Locator)：代表唯一的网上资源链接或者是服务器资源链接的地址。它的作用就是提供唯一性的资源地址，当你进行资源利用的时候访问该资源所存的地址，也让互联网的资源有一定的绑定性。互联网引用资源时，直接套用资源的绝对路径就行了；如果是项目的，在tomcat运行后，图片、资源都会上传到服务器里，此时直接复制链接即可。比如：

background:url(http://localhost:8080/test/Source/20.jpg)  

---

二、href

href(Hypertext Reference)：超文本链接,可以通过href找到需要网络链接的位置，但是和url存在有一定的区别。因为href支持当前属性定义的锚点或者资源之间的链接关系，url不支持，用href导入css文件时，只要在其中输入css文件的路径即可。例如：

<link href="test.css" rel="stylesheet" type="text/css">

（test.css是电脑上和html的同级目录下引入的路径，若不在同级路径，则需要相对路径来进行导入）

---

三、src

src（Source): 文件资源路径，用src导入文档路径的位置即可。相对于url和href，它的存在仅仅只有文件文档的路径，不可以用它引入外网链接。

<img src="1.jpg" alt="前端">

(其中和href一样，路径在同级目录下实现)