URL标签属性href和src的区别

• 区别

  • href ： 一般是用在link标签和a标签上

    • 表示超文本引用，指向网络资源的所在位置，用来建立当前文档和引用资源的联系
    • 浏览器会识别该文档为css文档，并进行下载该文档，并且不会停止对当前文档的处理，这也是在文档中不使用@import的原因

    	<link href='./style.css' ref='stylesheet' /> 
    

    	<a href='https://www.baidu.com' />
    

  • src: 一般是用在script标签上

    • 引用资源（js脚本、图片），将目标资源下载应用到当前文档

    	<script  src=‘script.js’></script>
    

    • 当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕，这也是js脚本放到底部的原因

• 总结
  src 用于引入文件，href用于当前文档和引用资源之间建立联系