首先,简单来说:
src
用于替换当前元素
href
用于在当前文档和引用资源之间确立联系
src
是source的缩写,单词本意是"来源",src
指向外部资源的位置,而指向的内容将会嵌入到文档中当前标签所在位置,在请求src
资源时会将其指向的资源下载并应用到文档内,例如js
脚本,img
图片和frame
等元素。
href
是Hypertext Reference的缩写,单词本意是"超文本引用",它指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。
举个栗子:
<script src = "js.js"></script>
当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内,所以我们通常将js
脚本放在底部而不是头部。
<link href="common.css" rel="stylesheet"/>
当浏览器解析到该元素时,浏览器会识别该文档为css
文件,会并行下载资源并且不会停止对当前文档的处理,这也是为什么建议使用link
方式来加载css
,而不是使用@import
方式。
HTML5基础理论_src与href的区别
猜你喜欢
转载自blog.csdn.net/weixin_46166330/article/details/105560729
今日推荐
周排行