HTML中link标签用于链接外部资源,如CSS文件、图标和字体。其语法为<link rel="rel-type" href="source-url">,其中rel指定类型,href指定资源URL。常见类型包括stylesheet(CSS)、icon(Favicon)、font-face(字体)、preconnect(预先连接)、prefect(预取资源)。

HTML中link标签的用法
什么是link标签?
link标签是一种HTML元素,用于将外部资源(例如CSS文件、图标、字体)链接到HTML文档中。
link标签的语法
立即学习“前端免费学习笔记(深入)”;
<code class="html"><link rel="rel-type" href="source-url"></code>
其中:
- rel 属性指定链接的类型,例如 stylesheet、icon 等。
- href 属性指定要链接的外部资源的URL。
link标签的类型
link标签可以用于链接不同类型的外部资源,最常见的类型包括:
- stylesheet:链接外部CSS文件。
- icon:链接网站图标(Favicon)。
- font-face:链接外部字体文件。
- preconnect:预先连接到其他服务器。
- prefect:预取资源,以便快速加载。
使用link标签
要使用link标签,请在 <head> 部分添加以下代码:
<code class="html"><head> <link rel="stylesheet" href="style.css"> <link rel="icon" href="favicon.ico"> </head></code>
此代码将链接外部CSS文件 style.css 和网站图标 favicon.ico。
link标签的属性
除了 rel 和 href 属性之外,link标签还支持其他属性,包括:
- media:指定CSS文件适用的媒体类型(例如屏幕、打印)。
- type:指定外部资源的MIME类型。
- sizes:指定图标的尺寸。
- crossorigin:指定访问外部资源时的跨域设置。
- referrerpolicy:指定请求外部资源时发送的HTTP头。











