href和src的区别

  从学习html开始，就知道a元素有一个href属性，img元素有一个src属性，好像都是引用了外界的资源，为啥名字就不一样呢？？
  href是Hypertext Reference的缩写，就是超文本引用的意思，而src是source的缩写，就是资源的意思

请求资源类型不同

• href是引用和页面关联，是在当前元素和引用资源之间建立联系。常用的有：link、a
• src 在请求资源时会将其指向的资源下载并应用到文档中，常用的有script、img 、iframe；

作用结果不同

• href 的内容，是用当前文档和引用资源之间确立联系，是引用。
• src 的内容，是页面必不可少的一部分，替换当前内容，是引入。

总结一句话就是一个是引用，一个是引入

解析的区别

• 浏览器在解析href时，一边会加载其中的资源，一边也会解析页面，比如说使用link导入外界css文件
• 浏览器在解析src的时候就会停止页面的解析，直到src中的资源全部加载完毕时才会继续解析其他内容，比如说我们js文件会放在页面最下面引入，如果js文件中有页面元素的获取，先执行js文件，dom都还没有加载出来，就获取不到dom，就会报错