ホームページ作成ガイド

「お気に入り」アイコンを設定する

<html><head><title>「お気に入り」アイコンを設定する</title>
<link rel="SHORTCUT ICON" href="http://www.salut.ne.jp/wmh/tool/js/k050/favicon.ico">
<SCRIPT Language="JavaScript">

</SCRIPT>
</head>
<body>
</body></html>

「お気に入り」に入れると、「お気に入り」の一覧にアイコンが表示される小ワザです。WindowsのInternetExplorer限定です。

まず大前提として、アイコンファイルを作る必要があります。アイコン作成ソフト、あるいは画像変換ソフトを使って16×16ピクセルのアイコンを作成してください。このとき、アイコンは「favicon.ico」という名前で保存してください。

<head></head>内に<link>を記述します。
href=""には、アイコンファイルの場所を記述します。
そうすればこのページを「お気に入り」に入れたときにそのアイコンが表示されるようになります。

ところが、キャッシュファイルの都合でいつの間にやらデフォルトのアイコンに戻ってしまうことがあります。なのでこのページに訪れるたびにJavaScriptでアイコンファイルを読み込むように設定しています。href=""には、アイコンファイルの場所を記述してください。