关键词：src和href的区别

src 和 href 是两个在 HTML 中常用的属性，它们具有不同的作用和用途，主要区别如下：

1. 用途：

   • src 属性用于指定嵌入资源的 URL，如图片、音频、视频等。
   • href 属性用于创建超链接，定义链接到的目标 URL 地址。

2. 资源加载：

   • src 属性用于指定需要加载的资源，浏览器会根据 src 属性的值去请求资源，并将其嵌入到文档中。例如，<img>、<script>、<iframe> 等标签使用 src 属性加载外部资源。
   • href 属性用于指定链接的目标 URL，通过点击链接，浏览器会导航到指定的 URL 地址。例如，<a>、<link>、<link rel="stylesheet"> 等标签使用 href 属性创建超链接或引入外部样式表。

3. 标签使用：

   • src 属性主要用于嵌入资源的标签，如 <img>、<script>、<audio>、<video> 等。
   • href 属性主要用于超链接标签，如 <a>，以及用于引入外部资源的标签，如 <link>。

4. 加载顺序：

   • src 属性的资源会按照标签在文档中的顺序依次加载，其中某些标签可能会阻塞页面的渲染，比如 <script> 标签会阻塞页面的解析和渲染。
   • href 属性的资源加载不会阻塞页面的解析和渲染，通常用于引入外部样式表或字体等。

总结：

• src 属性用于嵌入资源的标签，指定需要加载的资源。
• href 属性用于创建超链接的标签，指定链接的目标 URL 或引入外部资源的 URL。

需要根据具体的使用场景和标签来选择使用 src 还是 href 属性。