在HTML中，url、href和src的应用

在前端开发过程中，会遇到三个比较相似的东西：url、href和src。这三个都是表示路径的，那它们之间有什么样的区别呢？又应该在什么时候应用它们呢？

 

▍url

URL是一个网址。URL不是属性。

在HTML中，一般仅用于引用图片路径。使用示例：

.demo {
    background-image: url(http://www.yule.com.cn/uploadfile/2018/0225/20180225014135313.jpg);
}

 

▍href

href指向需要连结的地方。href是属性。

在HTML中，应用的标签有：a、link。使用示例：

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

<link href="demo.css" />

 

▍src

src指向物件的来源。src是属性。

在HTML中，应用的标签有：img、script、iframe。使用示例：

<img src="http://www.yule.com.cn/uploadfile/2018/0225/20180225014135313.jpg" />

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

<iframe src="demo.html"></iframe>