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标签，请在 部分添加以下代码：

<code class="html">
  <link rel="stylesheet" href="style.&lt;a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css"&gt;
  <link rel="icon" href="favicon.ico"></code>

此代码将链接外部CSS文件 和网站图标 。

link标签的属性

除了 和 属性之外，link标签还支持其他属性，包括：

media：指定CSS文件适用的媒体类型（例如屏幕、打印）。

type：指定外部资源的MIME类型。

sizes：指定图标的尺寸。

crossorigin：指定访问外部资源时的跨域设置。

referrerpolicy：指定请求外部资源时发送的HTTP头。