外部スタイルシートへのリンク：
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Try it Yourself ❯
<link> タグは、文書と外部リソース間の関係を定義します。
<link> タグは、外部スタイルシートへのリンクのために使用します。
スタイルシートへ使用するときの <link> タグは、すべての主要なブラウザがサポートしています。 それ以外に対する実際のサポートはありません。 When used for style sheets, the <link> tag is supported in all major browsers. No real support for anything else.
| 要素 | |||||
|---|---|---|---|---|---|
| <link> | Yes | Yes | Yes | Yes | Yes |
注: <link> 要素は空要素で、属性だけを含みます。
注: この要素は、head セクションに置きますが、何回でも指定することができます。
一部の HTML 4.01 属性は、 HTML5 ではサポート対象外です。
"sizes" 属性は、HTML5 で新しく追加されました。
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="icon" の場合のみ |
| target | _blank _self _top _parent frame_name |
HTML5 ではサポート対象外。 リンク先文書のロード場所を指定する |
| type | media_type | リンク先文書のメディア・タイプを指定する |
<link> タグは、HTML のグローバル属性もサポートします。
<link> タグは、HTML のイベント属性もサポートします。
HTML チュートリアル：HTML Styles
HTML DOM リファレンス：Link オブジェクト
ほとんどのブラウザは、次のデフォルト値を使用して <link> 要素を表示しています：
link {
display: none;
}