HTML <link> rel 属性

定義と用法

必須 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
支持 支持 支持 支持 支持