03-18
web前端link标签是啥?link标签和@import有什么区别?
Sixstar 44821 次 来源: 编程学习网 大 中 小
随着电子设备的不断进化及移动互联网的趋势, 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不可以。
扫码二维码 获取免费视频学习资料
- 本文固定链接: http://www.phpxs.com/post/9162/
- 转载请注明: 转载必须在正文中标注并保留原文链接
- 扫码: 扫上方二维码获取免费视频资料