English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

HTMLタグ全解

HTML: <link> タグ

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>タグの文法-スタイルシートのリンク

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 HTMLと5の違い

一部のHTML 4.01 属性はHTML5 この属性はサポートされていません。

HTML5 "sizes"属性が追加されました。

HTMLとXHTMLの違い

HTMLでは、<link>タグには終了タグがありません。

XHTMLでは、<link>タグは正しく閉じる必要があります。

属性

属性説明
charsetchar_encodingHTML5 この属性はサポートされていません。リンクされたドキュメントの文字コード形式を定義します。
hrefURLリンクされたドキュメントの場所を定義します。
hreflanglanguage_codeリンクされたドキュメントのテキストの言語を定義します。
mediamedia_queryリンクされたドキュメントがどのデバイスで表示されるかを指定します。
relalternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
必須。現在のドキュメントとリンクされたドキュメントの関係を定義します。
rev逆関係HTML5 この属性はサポートされていません。リンクされたドキュメントと現在のドキュメントの関係を定義します。
sizesHTML5HeightxWidth
any
リンク属性のサイズを定義します。rel="icon" 属性に対してのみ作用します。
target_blank
_self
_top
_parent
frame_name
HTML5 この属性はサポートされていません。リンクされたドキュメントをどこで読み込むかを定義します。
typeMIME_typeリンクされたドキュメントの MIME タイプを指定します。

グローバル属性

<link> タグはグローバル属性をサポートし、完全な属性リストを確認してください HTMLグローバル属性

イベント属性をサポート

<link> タグはすべての HTML イベント属性

関連記事

HTML チュートリアル:HTML スタイル

HTML DOM リファレンスマニュアル:リンク オブジェクト