例
外部スタイルシートへのリンク：
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
»それを自分で試してみてください 定義と使用法
<link>タグは、文書と外部リソース間のリンクを定義します。
<link>タグは、外部スタイルシートへのリンクに使用されます。
ブラウザのサポート
スタイルシートに使用する場合、 <link>タグは、すべての主要なブラウザでサポートされています。 何か他のもののための本当のサポートはありません。
| 素子 | |||||
|---|---|---|---|---|---|
| <link> | はい | はい | はい | はい | はい |
注： <link>要素は空要素である、それは属性のみが含まれています。
注意：この要素はheadセクションに行くが、それは任意の回数を表示することができます。
HTML 4.01とHTML5の違い
いくつかのHTML 4.01属性はHTML5でサポートされていません。
"sizes"属性はHTML5で新しく追加されました。
HTMLとXHTMLの違い
HTMLで<link>タグには終了タグがありません。
XHTMLでは<link>タグが正しく閉じられなければなりません。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| charset | char_encoding | HTML5でサポートされていません。 リンクされたドキュメントの文字エンコーディングを指定します。 |
| crossorigin | anonymous use-credentials | 要素は、クロスオリジン・リクエストを処理する方法を指定します |
| href | URL | リンクされたドキュメントの場所を指定します。 |
| hreflang | language_code | リンクされたドキュメント内のテキストの言語を指定します。 |
| media | media_query | リンク先の文書が表示されますどのようなデバイス上で指定します |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | 必須。 現在のドキュメントとリンクされたドキュメントとの間の関係を指定します。 |
| rev | reversed relationship | HTML5でサポートされていません。 リンク先の文書と現在の文書との関係を指定します。 |
| sizes | HeightxWidth any | リンクされたリソースのサイズを指定します。 rel = "アイコン"のためにのみ |
| target | _blank _self _top _parent frame_name | HTML5でサポートされていません。 リンクされたドキュメントがロードされる場所を指定します |
| type | media_type | リンクされたドキュメントのメディアタイプを指定します。 |
グローバル属性
<link>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<link>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル： HTMLスタイル
HTML DOMリファレンス： リンクオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<link>次のデフォルト値を持つ要素を：
link {
display: none;
}