HTML <link> 標簽

定義和用法

<link> 標簽定義當前文檔與外部資源之間的關系。

<link> 標簽最常用于鏈接到外部樣式表或向網站添加圖標。

<link> 元素是空元素，它僅包含屬性。

另請參閱：

HTML 教程：HTML 樣式

HTML DOM 參考手冊：Link 對象

實例

鏈接到外部樣式表：

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

親自試一試

屬性

屬性 值 描述
crossorigin
  • anonymous
  • use-credentials
 規定元素如何處理跨源請求。
href URL 規定被鏈接文檔的位置。
hreflang 語音代碼 規定被鏈接文檔中文本的語言。
media 媒體查詢 規定被鏈接文檔將在什么設備上顯示。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 規定獲取資源時要使用哪個引用者。
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 必需。規定當前文檔和被鏈接文檔之間的關系。
sizes
  • HeightxWidth
  • any
 規定被鏈接資源的尺寸。僅適用于 rel="icon"。
title 定義首選或備用樣式表。
type 媒體類型 規定被鏈接文檔的媒體類型。

全局屬性

<link> 標簽還支持 HTML 中的全局屬性。

事件屬性

<link> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

大多數瀏覽器將使用以下默認值顯示 <link> 元素：

link {
  display: none;
}

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持