在前端开发过程中,会遇到三个比较相似的东西: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>