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

在前端开发中，href 和 src 都是常见的 HTML 属性，但它们在使用和含义上有显著的区别。

1. href (Hypertext Reference)

href 属性主要用于 <a>, <link>, 和 <base> 等元素，表示一个超文本引用，通常用于指定链接目标的 URL。当用户点击一个带有 href 属性的 <a> 元素时，浏览器会导航到该 href 指定的 URL。例如：

<a href="https://www.example.com">访问示例网站</a>

在上面的例子中，当用户点击“访问示例网站”文本时，浏览器会打开或跳转到 https://www.example.com。
2. src (Source)

src 属性则用于指定嵌入内容的来源，如图片、视频、音频、脚本等。它告诉浏览器从哪里获取要显示或执行的内容。常见的使用 src 属性的元素包括 <img>, <script>, <video>, <audio>, <iframe> 等。例如：

<img src="image.jpg" alt="示例图片">

在上面的例子中，浏览器会尝试从当前目录（或指定的相对/绝对路径）加载名为 image.jpg 的图片，并显示在页面上。

总结：

• href 通常用于指定链接目标的 URL，当用户与元素（如 <a>）交互时，浏览器会导航到该 URL。
• src 用于指定嵌入内容的来源，如图片、视频等。浏览器会自动加载并显示（或执行）该内容。