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