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頭。