HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML link rel 属性

必要なrel属性、現在のドキュメントとリンクされたドキュメントを指定/リソース間の関係

オンラインの例

外部のスタイルシート：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<link>　rel　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
<link　rel="stylesheet"　type="text/css"　href="styles.css">
</head>
<body>
<h1>I　am　formatted　with　a　linked　style　sheet</h1>
<p>私も同じ！</p>
</body>
</html>

テストしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが rel 属性をサポートしています。

定義と用法

rel 属性は必須で、現在のドキュメントとリンクされたドキュメントの関係を定義します。/リソース間の関係

HTML 4.01 と HTML5の間の差異

HTML5 で、一部の HTML 4.01 の値に新しい値が追加されました。

文法

<link rel="value">

属性値

値	説明
alternate	このドキュメントの代替バージョン（例えば、印刷ページ、翻訳、ミラーサイト）にリンクします。
author	このドキュメントの作者にリンクします。
help	ヘルプドキュメントにリンクします。
icon	このドキュメントのアイコンをインポートします。
license	このドキュメントの著作権情報にリンクします。
next	このドキュメントがコレクションの一部であり、コレクションの次のドキュメントが参照されていることを示します。
prefetch	ターゲットリソースに対してキャッシュを設定する必要があります。
prev	このドキュメントがコレクションの一部であり、コレクションの前のドキュメントが参照されていることを示します。
search	ドキュメントに対する検索ツールにリンクします。
stylesheet	インポートするスタイルシートの URL。

　HTML <link> タグ

HTML: <template> タグ