src与href的区别、link与@import区别

最新推荐文章于 2022-06-22 16:37:45 发布

xingyunwei1

最新推荐文章于 2022-06-22 16:37:45 发布

阅读量389

点赞数

CC 4.0 BY-SA版权

文章标签： html html5 python

本文链接：https://blog.youkuaiyun.com/xingyunwei1/article/details/120187964

本文详细介绍了HTML中href和src属性的区别，以及link和@import在CSS中导入外部样式表的不同。href用于创建超链接，src则将内容嵌入文档中。link是HTML标签，加载时同步进行，@import在CSS中使用，加载相对较慢，且不支持JavaScript改变样式。理解这些差异对于优化网页性能和维护至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

href

是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。

src

src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置 ,在请求src资源时会将其指向的资源下载并应用到文档内，当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。

link与@import

总结：

link属于html标签。@import在css中使用表示导入外部样式表；
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
import只在IE5以上才能识别，而link是HTML标签，无兼容问题;
link方式的样式的权重高于@import的权重；
link 支持使用javascript改变样式（document.styleSheets），@import不支持使用javascript改变样式