HTML <link> タグ:正しい理解と使い方

定義と使い方

<link> タグは、現在のHTML文書と「外部のリソース(ファイルなど)」を結びつけるためのタグです。<head> タグの内部に記述され、終了タグを持ちません。

もっとも一般的な使い方は、外部の「CSSファイル(スタイルシート)」を読み込んで、Webページにデザイン(色、配置、フォントなど)を適用することです。それ以外にも、ブラウザのタブに表示する「ファビコン(アイコン画像)」を指定する際などにも使用されます。

基本例

<head>
  <!-- 外部CSSファイルを読み込んで適用する -->
  <link rel="stylesheet" href="../css/style.css">
  
  <!-- タブに表示するファビコン(アイコン)を指定する -->
  <link rel="icon" href="../favicon.ico" type="image/x-icon">
</head>