English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <link>タグは外部リソース(例えばCSSファイル)をHTMLドキュメントにリンクします。このタグは通常<link>要素とも呼ばれます。
外部のスタイルシートファイルにリンクする:
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基礎教程網(oldtoolbag.com)</title> <link rel="stylesheet" type="text/css" href="theme.css"> </head> <body> </body> </html>テストしてみる ‹/›
HTMLでの<link>タグの文法は以下の通りです:
<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>
またはXHTMLでは、<link>タグの文法は以下の通りです:
<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>
IEFirefoxOperaChromeSafari
すべての主要ブラウザが<link>タグをサポートしています。
<link>タグは、スタイルシートやCSSファイルをHTMLドキュメントにリンクするのに最もよく使用されます。
<link>タグは、ドキュメントと外部リソースの関係を定義します。
<link>タグの最も一般的な用途は、スタイルシートをリンクすることです。
注意: link要素は空要素であり、属性のみを含みます。
注意: この要素はhead部分にのみ存在できますが、何度でも出現できます。
一部のHTML 4.01 属性はHTML5 この属性はサポートされていません。
HTML5 "sizes"属性が追加されました。
HTMLでは、<link>タグには終了タグがありません。
XHTMLでは、<link>タグは正しく閉じる必要があります。
属性 | 値 | 説明 |
---|---|---|
charset | char_encoding | HTML5 この属性はサポートされていません。リンクされたドキュメントの文字コード形式を定義します。 |
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 | 逆関係 | HTML5 この属性はサポートされていません。リンクされたドキュメントと現在のドキュメントの関係を定義します。 |
sizesHTML5 | HeightxWidth any | リンク属性のサイズを定義します。rel="icon" 属性に対してのみ作用します。 |
target | _blank _self _top _parent frame_name | HTML5 この属性はサポートされていません。リンクされたドキュメントをどこで読み込むかを定義します。 |
type | MIME_type | リンクされたドキュメントの MIME タイプを指定します。 |
<link> タグはグローバル属性をサポートし、完全な属性リストを確認してください HTMLグローバル属性。
<link> タグはすべての HTML イベント属性。
HTML チュートリアル:HTML スタイル
HTML DOM リファレンスマニュアル:リンク オブジェクト