HTML <link> rel 屬性

HTML <link> 標簽

定義和用法

必需的 rel 屬性指定當前文檔和被鏈接文檔/資源之間的關系。

實例

例子 1

導入外部樣式表：

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

親自試一試

例子 2

以下是將網站圖標添加到網站的方法：

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

語法

<link rel="value">

屬性值

值 描述
alternate

提供指向文檔替代表示的鏈接（例如打印頁面、翻譯或鏡像）。

例子：<link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author 提供文檔作者的鏈接。
dns-prefetch 規定瀏覽器應該搶先執行目標資源所在源的 DNS 解析。
help

提供指向幫助文檔的鏈接。

例子：<link rel="help" href="/help/">
icon

導入表示文檔的圖標。

例子：<link rel="icon" href="favicon.ico" type="image/x-icon">
license 提供文檔版權信息的鏈接。
next 提供指向系列中下一篇文檔的鏈接。
pingback 提供處理對當前文檔的 pingback 的 pingback 服務器的地址。
preconnect 規定瀏覽器應該搶先連接目標資源所在源。
prefetch 規定瀏覽器應該搶先獲取并緩存目標資源，因為它可能會在后續的導航中被使用。
preload 規定瀏覽器代理必須根據“as”屬性給出的目的地（以及與該目的地相關聯的優先級），搶先獲取并緩存當前導航的目標資源。
prerender

規定瀏覽器應在后臺預渲染（加載）指定的網頁。

如果用戶導航到該頁面，它會加快頁面加載速度（因為頁面已經被加載了）。

警告！這會浪費用戶的帶寬！僅當您絕對確定該網頁在用戶的瀏覽過程中某個時刻是必需的時才使用預渲染。
prev 指示該文件是一個系列的一部分，并且該系列中的前一個文件是所引用的文件。
search 提供指向可用于搜索當前文檔及其相關頁面的資源的鏈接。
stylesheet 導入樣式表。

瀏覽器支持

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

HTML <link> 標簽