HTML 中的href
与src
嗨,大家好!这里是道长王jj~ 🎩🧙♂️
前几天,我对实际使用 href 或 src 不明确非常疑惑。🤔
href 和 src 都是一种链接,可以让你从一个网页跳到另一个网页,或者看到一些图片、视频、音乐等等。
我在网络上分享了我的疑惑,以下是一些解答资料。
📕“href” 和 “src” 之间的区别
href 是一个链接,它可以带你去别的地方看看。
<a href="<http://www.baidu.com>">百度</a><link type="text/css" rel="stylesheet" href="common.css">
src 是一个文件,它可以让你在网页里看到它。
<img src="img/girl.jpg"></img><iframe src="top.html"><script src="show.js">
所以 href 的东西是你要点一下才能看到的, src 的东西是自己就出来了。
href 和 src 有时候会让人搞混,因为以前的网页规则没有很明白地分开它们。😅
📌作用结果
- href 是一种链接,它可以把当前文档和别的资源连起来
- src 是一种替换,它可以把当前内容换成别的资源
📌浏览器解析方式
- 当浏览器看到href,它会一边下载链接的资源,一边继续处理当前文档。(这就是为什么我们用 link 来加载 CSS,而不用 @import 的原因哦)
- 当浏览器看到src,它会停下来,先把这个资源加载或执行完,再去处理其他的资源。(这也是为什么我们把script标签放在最后,而不放在最前的原因呢)👍
🎉 你觉得怎么样?这篇文章可以给你带来帮助吗?当你处于这个阶段时,你发现什么对你帮助最大?如果你有任何疑问或者想进一步讨论相关话题,请随时发表评论分享您的想法,让其他人从中受益。🚀✨