web前端link标签是啥？link标签和@import有什么区别？（css的link和@import的区别）

随着电子设备的不断进化及移动互联网的趋势，web前端的交互效果越来越受到重视，很多人成为一名前端人。在学习前端时，一定是听到过三剑客，也就是Html，Css和Javascript（简称JS）。而在我们写HTML文档时，最容易忽略的也就是头部标签。今天就来和打击分享一下web前端的link标签

 是一种 HTML 标签，用于加载外部资源。

最常见的用法，就是加载 CSS 样式文件，写法如下：

rel 属性是 “关系” 的意思，它的值 stylesheet 表示使用的是样式表。

href 表示资源的地址，当前 HTML 文件通过这个地址来加载内容。

但 link 的功能不仅限于此，它可以控制资源的下载优先级、提前和指定域名进行连接。

同时，

与@import都可以用来引入css

，很多人容易混淆他们，那他们区别是什么呢？

link是XHTML标签的一种，除了可以加载css外，还可以定义其他rel属性，而@import只能用来加载css。

link标签在加载css时，与页面一同加载，而@import需要等到网页完全加载以后才进行加载。

link是XHTML标签，不存在兼容问题，而@import是在CSS2.1中提出的，对于低版本的浏览器不支持。

link标签可以通过Javascript代码去控制其属性，而@import不可以。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。