<title> タイトル

ブラウザのタブ上の表示する、title要素

師匠

ここで書いた基本的なHTMLコードを、もう一回書いとくで。

<!DOCTYPE html>
<html>
	<head>
		<title>
			Sample
		</title>
	</head>
	<body>
		Hello!
	</body>
</html>
師匠

これを実行すると、下のようになったな。

師匠

<title></title> の間に書いてある文字列が、ブラウザのタブに表示されるんや。

アイコンの表示

弟子

画像は どうやって表示するんですか?

師匠

ここに、画像は指定できへん。
<title>要素内に指定できるのは、 テキスト(=文字列) だけや。

弟子

でも、こういう風に、画像が表示されるサイト、ありますよね?

師匠

これは、画像やない。
アイコンや。
ま、アイコンも 画像やけどな。
アイコンについては、また、別に説明したるわ。

日本語のタイトル

弟子

上のコードで、 Sample って英語になっている文字列を、日本語に変えることはできますか?

師匠

下みたいに、そこだけ日本語に変えると、環境によっては文字化けする可能性があるから、ダメや。
実行例 ← 日本語OSの環境では、問題なく表示されることもある )

<!DOCTYPE html>
<html>
	<head>
		<title>
			文字化けする可能性がある
		</title>
	</head>
	<body>
		このコードは、ダメな例
	</body>
</html>
師匠

ほな、次のページで、日本語を表示させるための設定を 説明したるわ。

復習

  • <title>には、ブラウザのタブ上に表示させるタイトルを設定する。
  • 設定できるのは、テキスト(文字列)のみ