HTML 的 src 和 href 属性有什么区别？

在HTML中，src和href属性都用于指定资源的位置，但它们用于不同的目的和元素：

1. src（Source）属性：

   • src属性通常用于嵌入资源，如图片、脚本、框架、视频和音频等。
   • 当浏览器解析到src属性时，它会停止解析HTML文档，先去加载src指定的资源，然后再继续解析HTML文档。这是因为嵌入的资源通常是页面渲染所必需的。
   • src属性的值是资源的URL地址。
   • 常用于<img>、<script>、<iframe>、<video>、<audio>等元素。

   示例：

   <img src="image.jpg" alt="描述">
   <script src="script.js"></script>
   <iframe src="frame.html"></iframe>
   

2. href（Hypertext Reference）属性：

   • href属性用于创建超链接，指向另一个页面或当前页面中的某个位置。
   • 当浏览器解析到href属性时，它不会停止解析HTML文档，因为href通常用于导航，指向的是页面之外的资源。
   • href属性的值可以是绝对URL、相对URL或页面内的锚点。
   • 常用于<a>、<link>等元素。

   示例：

   <a href="https://www.example.com">访问示例网站</a>
   <link href="style.css" rel="stylesheet">
   

总结：

• src用于嵌入资源，会影响页面的加载顺序。
• href用于创建超链接，不会影响页面的加载顺序。
• src通常用于<img>、<script>、<iframe>等元素。
• href通常用于<a>、<link>等元素。