前端 HTML 面试题, HTML 的 src 和 href 属性有什么区别?

Step 1

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

A:: src（source）属性用于指定嵌入外部资源的位置，比如图像（<img>）或脚本（<script>）。当浏览器解析到含有 src 属性的元素时，会暂停 HTML 文档的解析，并向服务器发送请求获取资源。通常，src 会引入非 HTML 文档的内容，例如图片、视频、音频等文件。 href（hypertext reference）属性用于指定链接目标的 URL（统一资源定位符），通常用于超链接（<a>）、样式表（<link>）等元素。当浏览器遇到含有 href 属性的元素时，不会暂停页面解析，而是继续解析 HTML 文档，直至用户交互时再去请求指定的资源。通常 href 用于引用 HTML 文档、CSS 文件等。 简言之，src 用于嵌入内容，href 用于建立链接。

Step 2

Q:: 为什么在图片元素中使用 src 而不是 href？

A:: img 元素的主要功能是将图像嵌入到网页中，因此使用 src 属性来指定图像的路径。浏览器在解析到 src 时会立即发送 HTTP 请求获取图像，并将其嵌入到文档中。href 则是用于链接资源的引用，不适合用于嵌入图像或其他资源。

Step 3

Q:: 可以在 <a> 标签中使用 src 属性吗？为什么？

A:: 不可以。<a> 标签设计用于创建超链接，它需要的是一个指向目标页面或资源的链接，因此只能使用 href 属性。src 属性是为嵌入资源而设计的，它并不具备链接资源的能力，因此不能在 <a> 标签中使用。