FAVICONとは
favicon(ファビコン)とは、favorite icon(お気に入りアイコン)の略で、多くのブラウザで、お気に入り(ブックマーク)や、アドレスの横に表示されるアイコンのことである。
![]()
上のは、ブラウザの写真である。
アイコン
が登録されているのがわかる。
かっこいいし、分かりやすい!
タブ対応ブラウザでは、タブにもこのアイコンが表示るよ。
ユーザビリティーの点からも優れているので、是非導入しよう!
やり方は簡単!
favicon.icoを作成して、自分のサイトへアップするだけ。
アップする場所は、index.htmlと同じ場所ね。
他にすることは無し!htmlへ記述の必要も省略可能。(*省略できないブラウザもある)
htmlにアイコンの場所を記述する場合 / ページによってアイコンを変えたい場合
デフォルトの名前はfavicon.icoだけど、別の名前に変えて指定することも可能。
なので、沢山のアイコンを使ってページごとに変えることも可能だ
<link rel="shortcut icon" href="ファビコンのパス">
上記ファビコンのパスの所に、名前を変えたファビコン名を入れよう。
これを <head>要素内に入れれば完成だ!
例
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>faviconとは</title>
<link href="def.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="./image/favicon03.ico">
</head>
ファビコンが表示されない?そんな時は
ブラウザは、キャッシュというシステムを使って、最初にアクセスした時に取得した内容を表示します。
ファビコンも例外ではなく、アクセスした時にファビコンが無かった場合、ファビコンが無いという情報が記録されます。
そして、ファビコンをアップロードしても、表示されないという現象が起きます。
また、別のファビコンに変えた場合も、以前のままとなります。
では、その解決方法となるヒントです。(Internet Explorerの場合)
ブラウザの設定等により、再読み込みさせる方法が異なります
○最も軽症の場合、ブラウザを再起動させれば表示されるようになります。
これは、ファビコンをアップした後に『お気に入り』した場合に限ります。
再起動で駄目な場合、どんな設定でもほぼ再読み込みできる方法があります。
○『お気に入り』を削除した後、キャッシュファイルを削除してから、ブラウザを再起動し、再び『お気に入り』をする。
○ファビコンのファイル名を変えて、linkタグで明示的に指定することで、ファビコンのキャッシュを更新させる。(設定によって、ブラウザの再起動が必要な場合もある)
上記のどれかで普通は解決するので、試してみてね。
