HTML 中的“href”与“src”

昨晚，我发泄了对<link>需要href指向 CSS 样式表而不是 的沮丧src。

我将在 Twitter 上分享我所获得的帮助以及优秀人士Vuild、Brendan Eich（JavaScript 创建者）和Håkon Wium Lie（CSS 创建者）提供的历史。

TL;DR

href资源是基于触发器加载的，而src资源是自动加载的。

由于 CSS 文件是自动加载的，因此并非 100% 准确。和

之间的混淆是由于早期 Web 标准时代的历史原因造成的。hrefsrc

“href” 和 “src” 的区别

Vuild答复说，这src是一个请求，而是href一个资源链接。

由于无法理解其中的区别，我回答说“CSS”是一个下载/解析/应用的请求，应该使用src。Vuild 也有同感，于是他向 Brendan Eich和Håkon Wium Lie寻求帮助。

Brendan Eich 友好地回答说，这src是为了“自动包含”，而href在发生某个操作后加载已编辑的资源。

但对于 CSS，他同意hrefCSS“似乎不一致”。

链接地址

Håkon Wium Lie 很友善地提供了其背后的历史（如何）和理由（为什么）。

理由是“HTML2 规范是这么说的”。

“这就是 HTML2 规范。 ”（Vuild 取代了我的话😀）。

请注意，这是 HTML2 规范，而不是 XHTML2。

图片来源

然后 Håkon 进一步解释了如何使用以及为什么img使用src。

img.src由马克·安德森 (Marc Andreessen)和蒂姆·伯纳斯·李爵士 (Sir Tim Berners-Lee) (万维网的发明者) 提出，他们倾向于使用带有!的href锚标签。

<a name=fig1 href="fghjkdfghj" REL="EMBED, PRESENT">Figure </a>

<a name=fig1 href="fghjkdfghj" REL="EMBED, PRESENT">Figure </a>

正如您所见，它使用起来更“方便”，img.src因此就实现了它。

就是这样。便捷性占了上风。😃

附加历史记录 – HTTP Referer

在useReactNYC（纽约的 React 聚会）Slack 工作区中分享 Twitter 帖子后， Donavon（useReactNYC 主持人之一，也是一位活跃的 React 社区教育者，喜欢 {... 💖}）分享了一个链接，解释了 HTTP 标头referer（请注意，它不是拼写为“referrer”，缺少一个“r”）拼写错误的原因。

剧透：旧的拼写检查器没有发现它。

告别辞

非常感谢Vuild、Brendan Eich和Håkon Wium Lie 的帮助和分享。

这是一次很棒的经历，因为他们抽出时间来教学并分享经验。

您可以查看原始线程（但请注意，它有很多分支，因此可能难以跟踪😉）。

HTML 中的“href”与“src”一文首先出现在Sung 的技术博客上。