为什么加载 JavaScript 使用 "src"，CSS 使用 "href"？

转自知乎上hax的解答。

理论上说，src表达的是该元素的内容将被整体替换。比如img元素、script元素、iframe元素都是如此。

胎死腹中的XHTML2中就将src属性推广到了所有元素。比如可以：

<style src="common.css"> 

/*这里的内容被忽略*/ 

 </style> 

而href表达的是超链接。比如a元素、link元素。

胎死腹中的XHTML2也将href属性推广到了所有元素。比如可以：

<ol> 

  <li href="/">首页</li> 

</ol> 

当然，XHTML2死翘翘了，所以src和href属性并没有通用化。不过HTML5或者将来的HTML还是会遵循这种设计的，比如video/audio元素中的src属性。

至于说为什么当初就决定外部样式表用link href来链接，而不是用style src来载入，可能是因为先贤们认为样式表更符合外部链接资源的特征，它更接近附属的资源，而不是内嵌的内容。比如考虑alternate stylesheets，在同一时间只需要链接一组样式表，而不是载入所有。当然你可以简单的归结为历史遗留（也就是当初某个浏览器开发者的一个偶然决定导致）。

如果您觉得此文有帮助，可以打赏点钱给我支付宝1669866773@qq.com ，或扫描二维码