<link rel="shortcut icon" href="favicon.ico">
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>
- サイト内検索