1. Home
  2. HTMLタグ
  3. ページ全般タグ
  4. お気に入りアイコン(ファビコン)を指定する

お気に入りアイコン(ファビコン)を指定する


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

ブラウザ
IE5
Fx
Sf
Cr
O7
分類
空要素
要素
link要素

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がこの画像形式にしか対応していないので)

【ファビコンの表示例】

[Favicon]


使用例


<!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>


ページ全般タグ

ページの先頭へ


inserted by FC2 system