本文主要是介绍关于HTML中scr与href的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一、区别
src用于替换当前元素，而href用于在当前文档和引用资源之间确立联系。
二、关于src
例：<script src = "test4.js"></script>
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在的位置；在请求src资源的时候会将其指向的资源下载并应用到文档内的，最典型的例子就是如上例显示引入js脚本，还有常见的例子就是img图片和frame等元素。
当浏览器解析到带有src属性的这些元素的时候，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕。类似于是将所指向资源嵌入当前标签内，这也是为什么常常要将js脚本放在底部而不是头部了。
三、关于href
例：<link rel = "stylesheet" href = "test4.css">
href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加入上例所示的代码，那么浏览器会识别该文档为css文件，就会并行下载资源但不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式了。
题外话：
link方式和@import方式的区别：
Link属于html标签，而@import是CSS中提供的；
在页面加载的时候，link会同时被加载，而@import引用的CSS会在页面加载完成后才会加载引用的CSS；
@import只有在ie5以上才可以被识别，而link是html标签，不存在浏览器兼容性问题；
Link引入样式的权重大于@import的引用（@import是将引用的样式导入到当前的页面中）。
这篇关于关于HTML中scr与href的区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
