请描述下元素的href和src有什么区别？

href 和 src 都是 HTML 元素的属性，用于链接外部资源，但它们的功能和用途不同：

href (Hypertext Reference)

指向链接的目的地，告诉浏览器在哪里找到链接的目标。
用于建立超链接，点击后浏览器会跳转到指定的 URL。
常用于 <a>, <link>, <base> 等标签。
浏览器会并行加载 href 属性指向的资源，不会阻塞当前页面的加载，但会预加载以加快后续跳转速度。
改变 href 属性会改变浏览器的 URL 显示。

src (Source)

指向需要嵌入到当前文档中的资源的路径。
用于嵌入图像、视频、脚本等外部资源到当前页面中。
常用于 <img>, <script>, <video>, <audio>, <iframe> 等标签。
浏览器必须完全加载并解析 src 属性指向的资源后才能继续渲染页面，因此可能会阻塞页面的加载。
改变 src 属性不会改变浏览器的 URL 显示，而是更新页面中嵌入的内容。

简单总结：

href 用于导航到另一个文档或资源。
src 用于嵌入外部资源到当前文档中。

举例说明：

<!-- href 用于链接到 Google -->
<a href="https://www.google.com">Go to Google</a>

<!-- src 用于嵌入图片 -->
<img src="image.jpg" alt="My Image">

<!-- link 标签使用 href 引入 CSS 样式表 -->
<link rel="stylesheet" href="styles.css">

<!-- script 标签使用 src 引入 JavaScript 文件 -->
<script src="script.js"></script>