タイトルバーに画像を追加するにはどうすればよいですか?
タイトルがあります-「Webnet」
FontAwesome Glyphiconのアイコン画像とのマージ
<title><i class="icon-user icon-black"></i>Webnet</title>
そして、画像ソースに置き換えてみました-
<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>
ただし、タイトルには画像が表示される代わりにinnerHTMLが表示されます。
助けがありますか?
その方法は機能しません。 <title>
はプレーンテキストのみをサポートします。ファイル名が.ico
のfavicon.ico
イメージを作成し、それをサイトのルートフォルダー(デフォルトページがある場所)に保存する必要があります。
あるいは、アイコンを好きな場所に保存して好きな名前で呼び出すことができますが、HTMLの<head>
セクションに次のコードを挿入して、アイコンを参照するだけです。
<link rel="shortcut icon" href="your_image_path_and_name.ico" />
Photoshop(プラグイン付き)またはGIMP(無料)を使用して.ico
ファイルを作成できます。または IcoFX を使用することもできます。使用し、素晴らしい仕事をします(ソフトウェアの古いバージョンは download.com から無料で入手できます)。
更新1:多くのオンラインツールを使用して、 ConvertIcon などのファビコンを作成することもできます。 。他にも無料のオンラインツールが用意されており、同じ機能(単純なGoogle検索でアクセス可能)を実行しますが、Windows 8/10のスタートメニューアイコンやiOSアプリアイコンなどの他のアイコンも生成します。
更新2:アイコンとして.png
イメージを使用することもできます IE11がIEの唯一のバージョンである場合) _サポートする必要があります 。上記のHTMLコードを使用して参照する必要があります。 IE10以前では、.ico
ファイルが引き続き必要です。
favicon.ico
を追加する方法を検索する必要があります。このようなhtmlページにfavicon.ico
を直接追加してみてください。
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
または、webserver
で更新できます。 webserver
の各ページにこれを追加する必要はないので、html
を追加することをお勧めします(includes
がない場合)。
Apache
を追加するには、favicon.ico
をルートWebサイトディレクターに配置し、httpd.confに追加します。
AddType image/x-icon .ico
これをhtmlのheadセクションに追加します
<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
ページにファビコンを使用する必要があります。これをヘッドタグに入れてください:<link rel="shortcut icon" href="/favicon.png" type="image/png">
ここで、favicon.pngは16x16 png画像であることが望ましいです。
ソース: ファビコンを静的HTMLページに追加