<リンク>
HTML <link> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通过样式文件 styles.css 渲染后显示的。</h1> <p>我也是。</p> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
ブラウザのサポート
すべての主要なブラウザは <link> タグをサポートしています。
タグの定義と使用方法
<link> タグはドキュメントと外部リソースの間の関係を定義します。
<link> タグの最も一般的な使用法は、スタイル シートをリンクすることです。
注: link 要素は空の要素であり、属性のみが含まれます。
注: この要素は head セクションにのみ存在できますが、何度でも出現できます。
HTML 4.01とHTML5の違い
一部のHTML 4.01属性はHTML5ではサポートされていません。
HTML5 では「sizes」属性が追加されています。
HTML と XHTML の違い
HTML では、<link> タグには終了タグがありません。
XHTML では、<link> タグを正しく閉じる必要があります。
属性
新しい: HTML5 の新しい属性。
| Attribute | Value | Description |
|---|---|---|
| charset | char_encoding | HTML5 はこの属性をサポートしていません。 リンクされたドキュメントの文字エンコーディングを定義します。 |
| href | URL | は、リンクされたドキュメントの場所を定義します。 |
| hreflang | language_code | リンクされたドキュメント内のテキストの言語を定義します。 |
| media | media_query | リンクされたドキュメントが表示されるデバイスを指定します。 |
| レル | 代替 アーカイブ 著者 ブックマーク 外部 まずは 助けて アイコン 最後 ライセンス 次へ ノーフォロー ノーリファラー ピンバック 先読み 前 検索 サイドバー スタイルシート タグ アップ | が必要です。現在のドキュメントとリンクされたドキュメントの間の関係を定義します。 |
| rev | 逆関係 | HTML5 はこの属性をサポートしていません。 リンクされたドキュメントと現在のドキュメントの間の関係を定義します。 |
| sizesNew | HeightxWidth any | は、属性rel="icon"に対してのみ機能するリンク属性のサイズを定義します。 |
| target | _blank _self _top _parent frame_name | HTML5 はこの属性をサポートしていません。 リンクされたドキュメントをロードする場所を定義します。 |
| type | MIME_type | リンクされたドキュメントの MIME タイプを指定します。 |
グローバル属性
<link> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。
イベント属性
<link> タグは、すべての HTML イベント属性をサポートします。
関連記事
HTMLチュートリアル: HTMLスタイル
HTML DOMリファレンスマニュアル: リンクオブジェクト
