HTML <link> rel 屬性
更多示例見下文。
定義和用法
必需的 rel
屬性指定當前文件與連結文件/資源之間的關係。
瀏覽器支援
Attribute | |||||
---|---|---|---|---|---|
rel | 是 | 是 | 是 | 是 | 是 |
語法
<link rel="value">
屬性值
值 | 描述 |
---|---|
alternate | 提供指向文件備用版本的連結(例如,列印頁面、翻譯或映象)。 示例: <link rel="alternate" type="application/atom+xml" title="W3Schools News" href="/blog/news/atom"> |
author | 提供指向文件作者的連結 |
dns-prefetch | 指定瀏覽器應預先執行目標資源來源的 DNS 解析 |
幫助 | 提供指向幫助文件的連結。 示例:<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 | 指定瀏覽器應在後臺預渲染(載入)指定的網頁。這樣,如果使用者導航到該頁面,載入速度會更快(因為頁面已載入)。 警告! 這會浪費使用者頻寬!僅在您絕對確定使用者旅程中某個時刻需要該網頁時才使用 prerender |
prev | 指示文件是一個系列的一部分,並且系列中的上一篇文件是引用的文件 |
search | 提供指向可用於搜尋當前文件及其相關頁面的資源的連結。 |
stylesheet | 匯入樣式表 |
更多示例
示例
以下是如何為網站新增圖示
<!DOCTYPE html>
<html>
<head>
<title>我的頁面標題</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</body>
</html>
❮ HTML <link> 標籤