HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> ページ定義タグ >> お気に入りアイコン(favicon.ico)を置く

ページ定義タグ

お気に入りアイコン(favicon.ico)を置く

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

ユーザがあなたのサイトのページをお気に入り登録(ブックマーク)した際に、お気に入り用のアイコンをあらかじめ用意して置いておくと、お気に入りのアイコンがそれに変わり、ユーザにとって分かりやすさをアピールできます。

用意したファビコンは「favicon.ico」というファイル名と拡張子に変更し、サイトの最上位に設置後、
以下のタグをHTML構造の<head></head>間に挿入します。

タグをコピーする

記述例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<link rel="shortcut icon" href="./favicon.ico">
<title>デザイナーズ プロジェクト [DSPT]</title>
</head>
<body>
ホームページ作成に関する情報をまとめ…
</body>
</html>

☆ワンポイントアドバイス

ファビコンはブラウザの拡張機能に分類されているため、動作が不安定であり、必ずしもアイコンが表示されないといった不具合が生じることが確認されています。従って、必ずしも設置する必要はありません。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。