Html link意思

HTML 中的 <link> 標籤用於在 HTML 文檔（網頁）的頭部（head）部分建立文檔級別的連結。這些連結可以指向樣式表（CSS）、favicon 圖示、Web 字型或其他資源。以下是 <link> 標籤的一些常見用途：

  1. 連結樣式表 (<link rel="stylesheet" href="styles.css">): 告訴瀏覽器使用指定的 CSS 檔案來格式化網頁。

  2. 連結 favicon 圖示 (<link rel="icon" href="favicon.ico">): 指定網頁的圖示，通常是一個 16x16 或 32x32 像素的圖示，顯示在瀏覽器的地址欄和書籤中。

  3. 連結 Web 字型 (<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">): 通過 Google Fonts 或類似的服務引入外部字型。

  4. 連結其他文檔 (<link rel="alternate" href="feed.xml" type="application/rss+xml">): 提供 RSS 或 Atom 訂閱連結。

  5. 連結預載入資源 (<link rel="preload" href="critical-font.woff2" as="font">): 告訴瀏覽器在頁面載入過程中優先獲取和快取特定的資源，如關鍵字型。

<link> 標籤的語法如下：

<link rel="relation-type" href="url" type="media-type">

其中：

例如，以下是一個基本的 <link> 標籤，用於連結到一個外部樣式表：

<head>
  <link rel="stylesheet" href="styles.css">
</head>

這個標籤告訴瀏覽器在載入 HTML 文檔時也載入 styles.css 檔案，並套用其樣式規則來格式化網頁。