src和href的区别

262 阅读2分钟

1.表达的请求资源类型不同

src源的全拼是Source源,是在请求src资源的时候进行指向的资源下载并应用到文档中;href源的全拼是Hypertext Reference是指超文本引用,用来建立当前元素和文档之间的连接。

2.作用结果不同

src的作用结果只能用来替换当前内容,不能用在文档和资源之间联系;href的作用结果只能用在当前文档和所要引用的资源之间确立联系。

3.浏览器的解析方式不同

src在浏览器中被解析到时会暂停其他资源的下载和处理,并且把该资源加载编译完成;href在文档中进行添加时,浏览器会识别到这个文档并命名为CSS文件,就会下载合并资源,同时也不会停止对当前文档的处理。这也是为什么将js 脚本放在底部而不是头部。

4.应用场景不同

href标识超文本引用,用在link和a等元素上

src是在js脚本,img图片和frame等元素上

补充:

区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS①等其他事务;@import属于CSS范畴,只能加载CSS。

区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

区别3:link无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

区别4:link支持使用Javascript控制DOM去改变样式;而@import不支持

①简易信息聚合(也叫聚合内容)是一种基于XML的标准,在互联网上被广泛采用的内容包装和投递协议。