概述
src与href属性都用于引入外部资源，例如图像、CSS文件、其它网页、JS文件等等
但是两者之间有明显的区别，不能够互换使用
区别
以下是几个使用示例
- 要引用 CSS 文件：链接标签内的
href=“cssfile.css”。 - 要引用 JS 文件：脚本标签内的
src=“myscript.js”。 - 要引用图像文件：图像标签内的
src=“mypic.jpg”。 - 要引用另一个网页：锚标签内的
href=“http://www.webpage.com”。
两者区别在于
1.src用于替换元素；href用于建立引用文档和外部资源的关系。
2.src会暂停解析当前文档，立即下载并执行引入的外部资源；href不会立即执行引入的外部资源
所以对上例中引入CSS、另一个网页，这些不会影响DOM结构，不需要暂停先执行，因此使用href
而引入JS、图像文件，会改变当前的DOM结构，如果浏览器继续解析后面的HTML，而引入的资源又修改了前面的内容，就会导致渲染错误，因此要先执行引入的资源，使用src
总结
src对应需要立即执行或渲染的内容，会阻塞 HTML 解析。href对应需要建立关系的链接，不会阻塞 HTML 解析，下载后会在渲染时一起处理。
