• ベストアンサー

HTMLでファビコン用.ico

ファビコン用 .ico (16×16)を HTML内で利用しても良いのでしょうか?(一応表示されるようですが) <img src="favicon.ico" width="16" height="16" alt=""> 表示されない環境とか注意点とか、問題無いでしょうか? <(_ _)>

質問者が選んだベストアンサー

  • ベストアンサー
  • Tasuke22
  • ベストアンサー率33% (1799/5383)
回答No.1

HTML内で使用するイメージが何であるのか制限は無い でしょう。 使うことでご自分のページのデザインに何か良いと思 うのであれば使えばいいだけのことと思いますけど。 正直なところ、何故心配なのか理解出来ません。

takumana20
質問者

お礼

ありがとうございます。 jpeg png gif じゃないとダメなのかな?と思ったので・・・

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#100277
noname#100277
回答No.2

faviconでのicoはIE向けです。 他のモダンブラウザ(特にFirefox)ではgifも使えます。 <link rel="shortcut icon" type="image/x-icon" href="***.ico" /> <link rel="shortcut icon" type="image/gif" href="***.gif" /> と別のファイルを指定しても良い。 type="image/x-icon"をtype="image/vnd.microsoft.icon"としても構いません。

takumana20
質問者

お礼

いえ、favicon自体の表示は出来ています。HTML内で.icoで表示しても問題ないのかなぁ?と思ったのですが。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • favicon.ico ファビコン表示について

    ココの過去の質問&回答でfavicon.ico(ファビコン)表示について調べました。それは ハードディスク内にfavicon.ico(ファビコン)を保存しておく場所を用意し保存しておく。またはCookieを削除しない。 これで自分のブラウザ上(PC上)においての表示法や保存法は解ったのですが、この事は自分のHPを見てくれる人達にも言える事と思いました。その方達がPC上で同じ事を行っていてくれないと自分が設置したfavicon.ico(ファビコン)が表示されてくれない、と言う事なんですよね? でも私のこの解釈は違っているのかもしれませんので、他の人が自HPを見た時にfavicon.ico(ファビコン)表示がどのような場合でも表示される様に出来る方法をご存知の方がいましたら教えて下さい。

  • ファビコンのカスタマイズ

    so-netブログでファビコンを変更したいのですが、下記の記述で表示されません。 どの部分がいけないのでしょうか?何方かご教授をお願いします。 <link rel="shortcut icon" href="/_images/blog/_2da/bmwstyle/ICO_BMW.gif" width="16" height="16" border="0" align="" alt="ICO_BMW.gif" /> <link rel="icon" href="/_images/blog/_2da/bmwstyle/ICO_BMW.gif" width="16" height="16" border="0" align="" alt="ICO_BMW.gif" />

  • HTMLタグ

    画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦5列横1列のテーブルを付けたいのですが、どうしてもわかりません。 わかる方居ましたらお願いします。 現在こんな感じです <p><font color="#f70006">&nbsp;&nbsp; <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/apareru.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします

  • 【HTML】画像と画像の間に「_」が入ってしまう

    画像のように勝手に画像と画像の間「_(アンダーライン)」が入ってしまいます。どのようにすればこのアンダーラインを消せますか? ■HTML■ <div id="imglink"> <a href="hogehoge1"> <img src="hogehoge1" width="88" height="31" alt="okwave"> </a> <a href="hogehoge2"> <img src="hogehoge2" width="88" height="31" alt="okwave"> </a> <a href="hogehoge3"> <img src="hogehoge4" width="88" height="31" alt="okwave"> </a> </div>

    • ベストアンサー
    • HTML
  • HTMLのことで・・・・・・・・。

    さきほども質問したのですが、少々説明不足だったので、もう一度質問したいと、思います。。。;;; この下は、今の私のソースです; ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <Html> <Head> <Title>~</Title> </Head> <Body> </div> このバナー <!-- content end --> <!-- topleft --> <div id="left"> <a href="#"><img src="ban_seitokai.jpg" width="200" height="60" alt="生徒会の一存"></a> <br> <a href="#"><img src="bn_key.gif" width="200" height="60" alt="key"></a> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> </div> <div id="right"> <div align="center"><h1>タイトル</h1></div> <p>文章</p> </div> </div> <!-- topleft end --> </div> <!-- maincontent end --> </Body> </Html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー この画像の上の図が↑のソースです。 下の図は、『こうしたい』という図です。 画像の隣に文章を表示させたいのですが、どうすればなりますか? できれば、わかりやすく、例や見本を書いてくれますと助かります;

  • HTML文書の文法をチェックの事で

    HTML文書の文法をチェックの事でお伺いします。 xhtmlでページを作成しています。 質問なのですがこのサイトで「Another HTML-lint gateway」(HTML文書の文法をチェックし、採点します) http://openlab.ring.gr.jp/k16/htmllint/htmllint.html 文法をチェックしているのですがアクセス解析のタグを付けていると、かなりマイナス点となってしまいます。 以下はあるアクセス解析のタグなのですが、なるべく減点されないようにするにはどうすればいいのでしょうか? <!-- アクセス解析のタグ --> <img name="PageNo" src="dummy" alt="1" width="1" height="1"> <script type="text/javascript">document.write('<img src="http://*********/access/other/analyze.cgi?1_' + screen.width + 'x' + screen.height + '&' + screen.colorDepth + '&' + document.referrer + '" alt="" width="1" height="1">');</script> <noscript><img src="http://*********/access/other/analyze.cgi" alt="dummy" width="1" height="1"></noscript> <img name="home_url" src="http://*********/access/other" alt="dummy" width="1" height="1"><img name="1st-biz-img" alt="dummy" width="1" height="1"><SCRIPT type="text/javascript" src="http://*********/access/other/analyze/seidoku.js"></SCRIPT> <img name="1st-biz-img2" alt="dummy" width="1" height="1"><SCRIPT type="text/javascript" src="http://*********/access/other/analyze/taizai.js"></SCRIPT> <img src="http://*********/access/other/analyze/getrank.cgi" alt="dummy" width="1" height="1"> アドバス等ありましたら教えてください。よろしくお願いします。

  • 同一サイト内で違うファビコンを表示させたい

    私のサイトのディレクトリは下のように構成されていて、特に指定はしていないのですが トップページとpage-a,b,cにファビコン(favicon.ico)が表示されています。 その上で、「page-c」だけ違うファビコン(favicon02.ico)を表示させてくて、フォルダCに その画像を入れ、<head></head>内にタグで指定したのですが、いつまで経っても 元のファビコンのままです。やり方がおかしいのでしょうか。よろしくお願いします。 | ├ index.html ├ favicon.ico ├ フォルダA | └ page-a.html ├ フォルダB | └ page-b.html ├ フォルダC | └ page-c.html → <link rel="shortcut icon" href="●ttp://www.oooo.jp/フォルダC/favicon02.ico"> | └ favicon02.ico |  

  • ファビコンについて

    一般的にファビコンは以下のようなソースで貼り付けますが <link rel="shortcut icon" href="http://*****.**/favicon.Ico"> これだと認識しないブラウザがあります。特にInternet Explorer 6あたりはそうなのですが、その中でも必ず表示されて、残るファビコンがあります。 そのホームページのソースを見ると、上記のような記述がありません。 いったいそのサイトは、どのようにしてファビコンを認識させているのでしょうか?

  • ファビコンがうまく表示されない

    indexページにファビコンを設置したのですが、indexではきちんと表示されるのに それ以降のページに表示されません。 参考にしたサイトでは「パスを指定して…」とあったのですが その「パス」の意味もよくわからず…色々試しましたが、どうしてもできません。 たとえばtop.htmlに表示させたいときはどうすれば良いのか、 各ページにタグを入れる必要があるかをお教えいただけないでしょうか。 タグは <link rel="shortcut icon" href="favicon.ico" > というのをindexに入れてあるだけです(ファビコンのファイル名もfavicon.icoです) 同じ階層にファイルをアップロードというのも試しました。 よろしくお願いします。

  • ファビコンが表示出来なくなった

    自サイトにhtaccessでファビコンを表示させていたのですが、 ある日突然ブラウザに表示されなくなりました。IE8を使用。 お気に入り覧のファビコンは表示されたりされなかったりを繰り返します。 yahoo検索、ゲーム機、スマフォ、グーグルのウエブマスターツールではファビコンがちゃんと表示されます。 これはどういう事なのでしょうか。 この方法で表示させてました。 AddType image/xicon .ico <Files favicon.ico> ErrorDocument 404 (ファビコンをアップロードしたURL) </Files> どうすればブラウザでまたファビコンを表示出来るようになりますか?