src
和href
都是用来引用外部的资源,它们的区别如下:
src:(Source)
会把资源下载下来,代替当前元素并嵌入到文档中。当浏览器解析到使用src
的元素时,会暂停其他资源资源的下载,直到src
引用资源加载、编译、执行完毕。这也是为什么script
元素推荐放在html结构的底部。常用在script
、img
、iframe
、video
等标签上。
href:(Hypertext Reference)
超文本引用,它指向一些网络资源,建立和当前元素或本文档的链接关系。当浏览器识别到它指向的文件时,就会并行下载资源,不会停止对当前文档的处理。 常用在a
、link
等标签上。
总结:
src
:下载后嵌入当前文档;href
:是元素或文档与指定资源联通,是引用。