タイトルに画像アイコンを追加する方法がわかりません。ファビオン アイコンがありますが、画像が表示されません。img srcタグを使用して画像を追加しようとすると、画像が表示されません。
4 に答える
<link rel="icon" type="image/ico" href="favicon.ico" />
<head>
これをタグ
内に投稿してください。
移動: http://tools.dynamicdrive.com/favicon/
ファビコンを生成し、favicon.ico アイコンを public_html/www/httpdocs フォルダーに配置します。つまり、アイコンをホームページのあるフォルダーに配置します。
さらに、ホームページの<head></head>
セクションに次のコードを入力することもできます。
<link rel="short icon" href="favicon.ico" />
待って...文字通り<img>
要素をに貼り付けようとしてい<title>
ますか? タイトルに HTML を含めることはできません。これには、置換可能文字データと呼ばれるものが含まれています。エンティティ参照と要素の終了タグだけがパーサーにとって意味があります。それ以外はすべて文字どおりに解釈され、基本的にはすでに HTML エスケープされているかのように表示されます。たとえば、HTML が と述べた場合<title><img> stuff</title>
、ドキュメントのタイトルはリテラル テキスト'<img> stuff'
になり、検索エンジンはそのリテラル テキストを表示するのに完全に正しいでしょう (正しく表示されるように末尾の<
を置き換えます)。<
実際、私の意見では、そうしないのはほとんど正しくありません。<img>
あなたのページがタグの使用方法についてだったとしたら?
タイトルの近くに画像を表示する唯一の標準的な方法は、ファビコンを適切に追加することです。それはまだタイトルにはありませんが、とにかくあまり意味がありません. これは、ほとんどのブラウザーで URL の横に表示されます。これは、あなたとあなたのユーザーが通常望んでいることです。また、Web ショートカットを作成できる OS では、多くの場合、Web ショートカットをショートカットのアイコンとして使用します。
ファビコンを追加する最もクロス ブラウザーな方法は、次の 2 つの手順です。
アイコン ファイルをサイトのルートに配置し、名前を付け
favicon.ico
、Windows がアイコン ファイルに使用するのと同じ形式を使用します。(一部のブラウザーは PNG/GIF/JPG アイコンを使用できますが、特に IE は誠実な .ICO ファイルのみを好むようです。) http://tools.dynamicdrive.com/favicon/のようなサイトがあります。別の答え、画像をアイコンに変換します。ページの head に次の HTML があることを確認します。
<link href="/favicon.ico" rel="shortcut icon">
(ドキュメントが XHTML の場合は、スラッシュを追加してタグを自動的に閉じます。)