Html link意思
HTML 中的 <link>
標籤用於在 HTML 文檔(網頁)的頭部(head)部分建立文檔級別的連結。這些連結可以指向樣式表(CSS)、favicon 圖示、Web 字型或其他資源。以下是 <link>
標籤的一些常見用途:
-
連結樣式表 (
<link rel="stylesheet" href="styles.css">
): 告訴瀏覽器使用指定的 CSS 檔案來格式化網頁。 -
連結 favicon 圖示 (
<link rel="icon" href="favicon.ico">
): 指定網頁的圖示,通常是一個 16x16 或 32x32 像素的圖示,顯示在瀏覽器的地址欄和書籤中。 -
連結 Web 字型 (
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
): 通過 Google Fonts 或類似的服務引入外部字型。 -
連結其他文檔 (
<link rel="alternate" href="feed.xml" type="application/rss+xml">
): 提供 RSS 或 Atom 訂閱連結。 -
連結預載入資源 (
<link rel="preload" href="critical-font.woff2" as="font">
): 告訴瀏覽器在頁面載入過程中優先獲取和快取特定的資源,如關鍵字型。
<link>
標籤的語法如下:
<link rel="relation-type" href="url" type="media-type">
其中:
rel
屬性指定連結的關係類型,如stylesheet
、icon
、alternate
等。href
屬性指定連結的目標 URL。type
屬性(可選)指定連結資源的內容類型,如text/css
或application/rss+xml
。
例如,以下是一個基本的 <link>
標籤,用於連結到一個外部樣式表:
<head>
<link rel="stylesheet" href="styles.css">
</head>
這個標籤告訴瀏覽器在載入 HTML 文檔時也載入 styles.css
檔案,並套用其樣式規則來格式化網頁。