リンクタグ

タグlinkは、CSSファイルをHTMLページに接続します。さらに、linkはファビコンなど、他のいくつかのファイルも接続します。（ファビコンは、ブラウザのタブで表示されるサイトのアイコンです。Yandexなどの検索エンジンで検索した際、サイトの横に表示されることもあります）。

このタグには非常に多くの属性があり、さまざまな値を取ることができますが、実際にはほとんど使用されません。最も一般的なのは、CSSの接続とファビコンの追加です。

CSSの接続方法：

ファビコンの接続方法：

タグlinkは閉じタグを必要としません。

属性

属性	説明
href	接続するファイルへのパス。
media	ファイルを接続するデバイスのタイプ。 つまり、大きな画面（値screen）のみ、または小さな画面：携帯電話やタブレット（値handheld）のみにCSSファイルを接続できます。 可能な値：all, braille, handheld, print, screen, speech, projection, tty, tv。 詳細は以下を参照してください。
rel	接続するファイルのタイプ。 可能な値：stylesheet | alternate。 値stylesheetはCSSファイルが接続されることを示し、値alternateは、例えば、ニュースフィードや記事のアナウンスを記述するXML形式のファイルへのリンクを指定するために使用されます。
charset	接続するファイルの文字エンコーディング。 現在、標準はutf-8です。
type	接続するファイルのデータタイプ。

media属性の値

HTML5では、値としてメディアクエリを指定できます。

値	説明
all	すべてのデバイス。
screen	モニター画面。
handheld	電話機、スマートフォン、小さな画面のデバイス。
braille	ブライユ点字システムに基づくデバイスで、視覚障害者向けです。
speech	音声シンセサイザー、およびテキストを音声で読み上げるプログラム。 音声ブラウザもこれに含まれます。
print	プリンター。
projection	プロジェクター。
tty	テレタイプ、端末、画面機能が限られたポータブルデバイス。 これらでは、単位としてピクセルを使用すべきではありません。
tv	Webページを開くことができるテレビ（そういうこともあります）。

デフォルト値：all。

例

CSSファイルとファビコンを追加した、最もシンプルなHTMLページの構造がどのようになるか見てみましょう：

関連項目