? タイトルの設定 - ホームページの作り方 | HTML5入門

タイトルの設定

広告

HTML文書ではタイトルの設定が必ず必要となります。文書が何について書かれているものなのか分かるようなタイトルを作成して下さい。作成したタイトルはtitle要素でマークアップしhead要素の子要素として記述します。

<head>
  <title>
    タイトル
  </title>
</head>

HTML文書に設定されたタイトルは、文書をブラウザで開いた時にブラウザのタイトルとして表示されます。

今回のタイトルは「動物園2008年12月」としました。実際に記述すると次のようになります。

<html>
  <head>
    <title>動物園2008年12月</title>
  </head>
  <body>
    動物園にて

    2008年12月。師走の寒い中でしたが動物園へ行って来ました。

    ライオン:
    今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の
    前でウトウトしています。おかげで顔の形などはっきりと見る
    ことができました。

    ペンギン:
    もともと寒い所に住んでいるペンギンは冬の季節であっても比
    較的元気な様子。それでも日暮れが近づいてくると寒かったの
    でしょうか。日差しがあたる場所へペンギン達が整列して太陽
    の方を眺めていました。
  </body>
</html>

「zoo.html」ファイルに上書き保存した後でブラウザで開いてみると次のように表示されます。

p5-1

ブラウザのタイトルの箇所に設定したHTML文書のタイトルが表示されています。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)