• 締切済み

Faviconについて

最近、自分のホームページに Faviconを設置しました。 16ピクセル四方のアイコンをfavicon.icoで、マイドキュメント内に保存しました。 説明によると、ページの HTMLソースの HEAD内に<link rel=゛short icon゛ href=゛favicon.ico゛> を挿入するとありましたが、うまくいかないので、ホームページビルダー14内の編集→ページの属性内に 上記の<link~> を挿入、アップしました。 つまり、絶対的なパスは設定方法が分からないので、相対的なパスで挿入した次第です…。 IEで、自分のページを開いてみると、一番上のアドレスバーは eマークのままで、タイトル表示の左側は読み込み中の青丸が回転している状態です…。 お気に入り欄には正常に Faviconが表示されています。 ページのアドレスバーとタイトルのところに表示させるにはどうしたら良いのでしょうか? パソコンはWindows7です。 お詳しい方お助けくださいませ。

みんなの回答

  • notnot
  • ベストアンサー率47% (4846/10257)
回答No.1

><link rel=゛short icon゛ href=゛favicon.ico゛> 間違った情報を見ちゃいましたね。 <link rel=゛shortcut icon゛ href=゛favicon.ico゛> が正しいです。 >つまり、絶対的なパスは設定方法が分からないので、相対的なパスで挿入した次第です…。 設定方法がわからないという事の意味がわかりませんが、絶対パスの方がいいと思いますよ。

tanukidon
質問者

お礼

早速ありがとうございます。 私の書き間違いでした。 <link rel=゛shortcut icon゛ href=゛favicon.ico゛> 正しく記入されております。 あと、絶対的パスとは、Faviconをサーバーにアップして、そのアドレス(http://~)を先ほどの<link~>に挿入するんですよね? しかし、サーバーにアップする方法が分かりません。(泣) ホームページビルダーではなぜかFaviconを読み込めません。 本当に困ってます。

関連するQ&A

  • faviconが表示されません

    質問させていただきます、よろしくお願い致します 件名の通り、設定したfaviconが表示されません ファイルには、以下のソースを<head>タグ内に記述していあります <link rel="shortcut icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> クロームで見たとき、ローカルでは表示されましたが、 サーバーにアップロードすると表示されなくなりました。 アップロードしたソースを表示して、そこのアドレスからfavicon.icoに飛ぶと表示されるので、リンク切れではないと思います。 IEでは、ローカルでもアップロードした場合でも表示されません。 よろしくお願い致します。

  • favicon.icoが表示されない

    環境:IE7 Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。(容量1K) index.htmlの内容は <head>、<meta>タグ、<title>xxxxx</title>の後に <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="Shortcut Icon" type="img/x-icon" href="images/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> となっております。 IEのアドレスバーの左は、IEのマークのままです。 どなたか、ご経験のある方、アドバイスいただけると幸いです。

    • ベストアンサー
    • HTML
  • favicon.ico

    CGIファイルでfavicon.icoでお気に入りアイコンを 乗せようとしましたが、エラーになりました。 記述は以下です。 sub do_read { print "Content-type: text/html\n"; print "\n"; print "$doctype\n"; print "<HTML>\n"; print "<HEAD>\n"; print "$contenttype\n"; print "<TITLE>$title</TITLE>\n"; print "<LINK REL="SHORTCUT ICON" href="favicon.ico">\n"; print "</HEAD>\n"; :::::::::::::::::::::::::::::::::::::::: print "<LINK REL="SHORTCUT ICON" favicon.ico">\n"; perlではfavicon.icoは使えないのでしょうか? 使えるとすればどのように記述すればよいのでしょうか?

    • ベストアンサー
    • Perl
  • faviconとIE7

    こんにちは。いつもお世話になってます。 IE7でfaviconが表示出来ると知り表示させようとしてみたのですが、出来ませんでした。 --ソース---------------------------------------------- <head> <link rel="shortcut icon" href="favicon.ico"> </head> ※↑このソースを加えたhtmlとfavicon.icoは同ディレクトリ内にあります。 お気に入りに登録したり色々してみたのですが効果がありませんでした。 どなたかご存知の方がいらっしゃったらご教授お願い致します。

  • Firefox4にしたらFaviconが一部表示無

    firefox3シリーズの時は、サイトに 前者: <link rel="shortcut icon" href="●●/favicon.ico" />を記載か、 後者: htaccess.txtに AddType image/xicon .ico <Files favicon.ico> ErrorDocument 404 ファビコンまでのパス/favicon.ico </Files> を記載してあるページは今までfaviconが表示されましたが、 4になると、前者のサイトのみしか表示されません。 質問1:fairefoxが新しくなったせいか、htmlの記述方法が変わったのか、原因を教えて下さい。 質問2:個々のページにいちいち前者のように直接記述ではなく、後者のように一気に表示できるような記述方法があれば教えて下さい。 よろしくお願い致します。

  • Faviconアイコンを設置したらページにエラーが発生と表示されます。

    よろしくお願いします。HPにFaviconアイコンを設置したのですが、ソースに不備があったのか、ステータスバーに「ページにエラーが発生しました」と出るようになりました。そのときはちゃんとfaviconが表示され、自分でもお気に入りにそのアイコンで入れることができたんです。ところが時間がたつといつの間にか普通のeマークに変わっていました。 挿入したのは<HEAD>のすぐうしろです。タグは<link rel="SHORTCUT ICON" href="favicon.ico">です。favicon.icoを別のファイル名にするとうまく表示されませんよとアイコン作成者が書いていたのでその通りにしたのですが…。やっぱり別のファイル名に書き換えたほうがいいのでしょうか。 あと、他のサイトの質問を見たのですが、ソースは<HEAD>  <TITLE>トップページ</TITLR>  <LINK REL="SHORTCUT ICON" href="ファイル名./diu.ico">    <BODY> と入れる、とありました。<TITLE>トップページ</TITLR>の前に入れたのがいけなかったんでしょうか?また、diuって何でしょう?Favicon設置の仕方を書いているサイトを何件か回りましたがdiuを入れるなんてどこにもなかったんですが。 尚、エラー表示の詳細は以下の通りです。 「ライン:29 文字:1 エラーオブジェクトを指定して下さい コード:0 自分のURL」です。

    • ベストアンサー
    • HTML
  • 1つのサーバ内で複数のfaviconを使用する

    サーバをAmazonのEC2(linux)で立てまして、ウェブサーバを構築してホームページの公開を行っております。 DNSとバーチャルホストの設定を行い、複数のドメインを1つのサーバで使用しております。 アクセスされたドメインによって使用するfaviconを変更できたらと思っており、サーバのドキュメントルート上に favicon.ico xxx.favicon.ico という2つのfaviconを設置致しました。 また、テンプレートのヘッダーに <link rel="shortcut icon" href="/xxx.favicon.ico" /> と設定しましたところ、Chrome以外のブラウザでは正しく表示できますが、 Chromeではxxx.favicon.icoではなく、favicon.icoが表示されてしまいます。 ※ユーザ/AppData/Local/Google/Chrome/User Data/Default/Favicons を削除して再度確認しましたが症状は変わりません。 こちらの原因や対策につきましてお分かりいただけましたら、 ご教授いただけますと幸いです。 ※<link rel="shortcut icon" ・・・/> この方法でなくサーバの設定を変えるやり方でも大丈夫です。 以上、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • HTMLのfaviconについて

    HTMLを少し勉強しています(趣味程度ですが・・・)。 とりあえず、オフラインでの作業を前提にした質問です。(サーバーにはアップしません) faviconを設定したいのですが、favicon.icoまでのフルパスがわかりません。 今はデスクトップにおいてあるアイコンを使おうと思っているのですが、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML練習</title> <link rel="shortcut icon" href=""C:\Documents and Settings\Owner\デスクトップ\favicon.ico" type="image/vnd.microsoft.icon"> </head> <body> </body> </html> とやったところ、反映されません。 Firefoxを使っているのですが、ページのソースから上のパスをクリックしたところ 「c というプロトコルはどのプログラムにも関連づけられておらず、Firefox でこのアドレスを開く方法が分かりません。」 と出ました。 どこにアイコンを置けばいいのでしょうか。 また原因が他にある場合、どういったことでしょうか。 プログラミングについては、最近はじめたばかりであまり深い理解はありません。。。 お力添えよろしくお願いします。

    • ベストアンサー
    • HTML
  • teacupブログのFavicon設置方法

    http://moon.ap.teacup.com/turubhe/561.html このサイトで色々ためしてみたのですが [プロバイダで無料で借りているホームページスペースに、 Faviconをアップドーロし、FaviconのURLをHTMLコードに記述します。 <link rel="shortcut icon" href="アップロード先のURL(favicon.icoの方)" /> このHTMLコードをAUTOPageの設定画面デザインの変更から、 トップページ編集で</HEAD>の前あたりに貼りつけ...] というところがわかりません; ・アップロード=画像保存? ・HTMLコードは<link rel="shortcut icon" href="アップロード先のURL(favicon.icoの方)" /> ? ・↑のアップロード先のURLとは画像のこと? ・</HEAD>とは・・? といった所がどうしてもわかりません・・´` もし説明できたらおねがいしますmm

  • IEだけファビコンが表示されません

    IEとwindowsのデスクトップ上とネクサス5のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか? <!--favicon--> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" />

    • ベストアンサー
    • CSS

専門家に質問してみよう