html中link和@import的相同与不同

时间:2022-11-13 07:22:11

下图为link的代码与效果

html中link和@import的相同与不同

html中link和@import的相同与不同

下图为@import的代码与效果

html中link和@import的相同与不同

html中link和@import的相同与不同

通过上述对比可知link与@import 效果相同,那他们又有什么不同呢?

差别:

1.本质:link属于XHTML标签,而@import 是CSS样式表提供的。

2.加载顺序:当一个页面加载时,link引用的CSS会同时被加载,而@import 提供的CSS等到页面全部下载完成后再被加载。

3.兼容性 : @import 是CSS2.1提出的,所以老的浏览器不支持,只有IE5以上才支持,而link标签由于版本较早没有这个兼容性问题。