アイコンとタイトルを設定

何もしない状態だと、ブラウザ上のタブには 「デフォルトのアイコン」と「URL」が表示されます。 URLではなく、ページのタイトルを表示するには、 「.html」ファイルに、以下のように記述します。


headタグ内に

<title>ここにタイトル</title>

ちなみに、ブラウザ上のタブの アイコンのことを「favicon」と呼ぶみたいです。 .htmlファイルに 以下のように記述することで設定できます。


headタグ内に

<link rel="icon" href="画像ファイル">
 
<link rel="apple-touch-icon" sizes="180x180" href="画像ファイル">

アイコンの画像は、 ICOOON MONOから選びました。
ありがとうございます!

次: スマホ・レスポンシブ
ホームページ作りの記録
kanata.blog