理论上,src 表示元素的内容可被整体替换。指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内
    href 表示超链接。向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。

    理论上说,src表达的是该元素的内容将被整体替换,例如:image 、script 、iframe 标签。
    胎死腹中的 XHTML2 中就将src属性推广到了所有元素。例如:

    1. <style src="common.css">
    2. /*这里的内容被忽略*/
    3. </style>

    而 href 表达的是超链接,例如 link 、 a 标签。
    胎死腹中的XHTML2也将href属性推广到了所有元素。例如:

    1. <ul>
    2. <li href="/">首页</li>
    3. </ul>

    如果在文档中添加以下标签:

    1. <link href=”common.css” rel=”stylesheet”/>

    那么浏览器会识别该文档为 css 文件,就会并行下载资源并且不会停止对当前文档的处理。
    这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。
    当然,XHTML2死翘翘了,所以src和href属性并没有通用化。不过HTML5或者将来的HTML还是会遵循这种设计的,比如 video 和 audio 标签中的src属性。