ホームページ作成(いろいろな見出し)
無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > お気に入りアイコン変更!

favicon!お気に入りアイコン変更!

お気に入り(ブックマークとも言う)に登録された場合に、一覧表示時に使用するアイコンを指定する方法です。これは、faviconというものを使用します。

sample
ホームページ作成(お気に入りアイコン)
お気に入りアイコン変更!favicon!

お気に入り(ブックマーク)に登録されている時に表示されるアイコン(favicon)を指定する方法を説明します。

この『お気に入り』はWindowsのインターネットエクスプローラインターネットエクスプローラであれば通常Favoritesという名前のフォルダに入れられています。

このフォルダの中で使用するアイコン(icon)を指定して行く事になり、このアイコンは通常favicon.icoという名前で設定し、下記の要領でページからリンクしておく事で可能になります。

アイコンの作成方法自体は省略しますが、大きさとしては、16ピクセルX16ピクセルの大きさが多いです。

下記をクリックすると、各サイトのアイコンが見れますので参考にして見て下さい。

google
Yahoo.com
Livedoor
まぐまぐ
au

この1uphp.comでは、のアイコンを使用してますので、お気に入りに登録して見て下さい。

書き方としましては、下記の<link>をページ内の<head>〜</head>の中に記述します。アイコン(favicon.ico)の位置は各ページの場所によって階層(パス)をあわせて下さい。

書き方は

<link rel="shortcut icon" href="./favicon.ico" >
こうなります
IE7
IE6
Firefox
Opera

ホームページ作成TOP > お気に入りアイコン変更! > このページのTOP ▲