前端学习笔记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一样,路径在同级目录下实现)

猜你喜欢

转载自blog.csdn.net/qq_41903105/article/details/85092312