Skip to content
快看这页儿写了啥...

简述 src 和 href 的区别?

题干

  • src

  • href

题解

src 和 href 是两个常见的 HTML 属性,它们都可以用来引用外部资源,但它们的区别是:

  • src 是 source 的缩写,表示资源的来源,它用在 <img><script><iframe> 等标签中,表示这些标签的内容是由外部资源提供的,浏览器会把这些资源嵌入到当前文档中。例如,<img src="logo.png"> 表示显示一个图片,图片的源文件是 logo.png。
  • href 是 hypertext reference 的缩写,表示超文本引用,它用在 <a><link><base> 等标签中,表示这些标签的内容是指向外部资源的链接,浏览器会根据这些链接跳转到相应的资源或加载相应的样式。例如,<a href="https://www.bing.com">Bing</a> 表示创建一个超链接,点击后会跳转到 Bing 的网站。

总的来说,src 和 href 的区别是:

  • src 用于替换当前元素的内容,href 用于在当前文档和引用资源之间建立联系。
  • src 会阻塞文档的解析,直到资源加载完毕,href 不会阻塞文档的解析,而是并行加载资源。
  • src 只能用于一些特定的标签,href 可以用于更多的标签。

贡献者

isboyjc's avatar isboyjc

浏览量(PV) 18492 次  ·  独立访客(UV) 12772 人次
不正经的前端 | 八股 · 欢迎 star ⭐