2

155

导入样式时,使用 link 和 @import 引入的区别是什么?

唐羲

2019-11-11 12:27:08

导入样式时,使用 link@import 引入的区别是什么?

乍一看到这个问题,还真有可能犯尴尬症,现在的前端开发中很少会关注到这一种小的知识点了,但是面对这个题目,我们也可以来理一理:

  1. linklink 标签,属于 html 标签;而 @import 属于 css 的语法,两者虽然从功能上讲都可以用来引入样式,但是本质上是不同的。
  2. link标签除了引入样式文件,还有很多其他的作用,link属于外部资源链接元素,规定了当前文档和要引入的外部资源是什么关系,通过rel属性来表达,常见的情况有 stylesheeticon等;@import就只有引入样式这一个功能。
  3. link 标签没有兼容性问题,@import不兼容老式浏览器(兼容性基本可以无视)。
  4. link 可以通过 JavaScript 操作 DOM 动态引入样式表改变样式,而 @import 不可以。

发表评论

登陆 后发表评论

评论列表

还没有评论,快来做第一个评论的人吧