src和href属性有什么区别？

这个问题看起来基础，但能卡住不少新人。简单粗暴地讲，src是“拿来替换”，href是“建立关联”。这是它俩最核心的区别。

src是source的缩写，用在像<img>、<script>、<iframe>这些标签上。它的意思是“把指定资源拉过来，替换掉或嵌入到当前标签的位置”。浏览器碰到src时，会暂停对当前文档的解析，去下载并处理这个资源，然后才继续。看个例子：

<script src="app.js"></script>

这行代码会让浏览器加载并执行这个JS文件，这个过程是阻塞性的。

href就客气多了，它是hypertext reference的缩写，意思是“超文本引用”。用在<link>和<a>标签上，目的是在当前元素和外部资源之间建立一种联系或通道，而不是替换掉自己。比如：

<link href="style.css" rel="stylesheet">
<a href="about.html">关于我们</a>

浏览器处理href时，会并行下载CSS这类资源，通常不会阻塞页面渲染。点击链接则是导航到新地址。

你细品一下：<img src="photo.jpg"> 是把图片拿过来放在这里；而<a href="page.html"> 是告诉你点这里能去另一个地方。一个重在“引入并替换”，一个重在“链接和关联”。在HTML里混用这两个属性，代码可不会按你想的干活，这是老手们肌肉记忆的一部分了。