理论上,src 表示元素的内容可被整体替换。指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内
href 表示超链接。向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。
理论上说,src表达的是该元素的内容将被整体替换,例如:image 、script 、iframe 标签。
胎死腹中的 XHTML2 中就将src属性推广到了所有元素。例如:
<style src="common.css">
/*这里的内容被忽略*/
</style>
而 href 表达的是超链接,例如 link 、 a 标签。
胎死腹中的XHTML2也将href属性推广到了所有元素。例如:
<ul>
<li href="/">首页</li>
</ul>
如果在文档中添加以下标签:
<link href=”common.css” rel=”stylesheet”/>
那么浏览器会识别该文档为 css 文件,就会并行下载资源并且不会停止对当前文档的处理。
这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。
当然,XHTML2死翘翘了,所以src和href属性并没有通用化。不过HTML5或者将来的HTML还是会遵循这种设计的,比如 video 和 audio 标签中的src属性。