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

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

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

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

<link rel="stylesheet" href="./index.css">

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

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

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

同时，<link> 与@import都可以用来引入css，很多人容易混淆他们，那他们区别是什么呢？

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

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

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

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

以上就是“web前端link标签是啥？link标签和@import有什么区别？”的详细内容，想要了解更多web前端内容欢迎持续关注编程学习网