关于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是将引用的样式导入到当前的页面中）。