<link rel="shortcut icon" href="favicon.ico">

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

link要素で、オリジナルのファビコン（Favicon）を指定することができます。この要素はhead要素の中で使用します。

  • ファビコンとは、ブラウザのアドレスバーなどに表示される小さなアイコンのことです。

<link rel="shortcut icon" href="favicon.ico">
属性 値 説明
rel="" shortcut icon （または icon）
href="" URI 表示する画像ファイルを指定
type="" image/vnd.microsoft.icon ICO形式の画像を使用する場合
image/gif GIF形式の画像を使用する場合
image/png PNG形式の画像を使用する場合

type属性の値には、使用する画像のMIMEタイプを指定します。

例えば、ファビコンで使用する画像がICO形式で作成されている場合は、以下のように記述します。

type="image/vnd.microsoft.icon"
  • ファビコンで使用する画像は、ICO形式で作成するのが一般的です。（IEがこの画像形式にしか対応していないので）

ファビコンの表示例

パソコン用のブラウザでは、アドレスバーの左端にファビコンが表示されます。

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
</head>
<body>



</body>
</html>