HTML入門③ページにタイトルを付ける

タイトル？

タイトルはGoogleの検索結果に表示されたり、ブラウザのタブに表示される部分です。

一目でそのサイトに何が書いてあるかわかるタイトルにすると効果的です。

タイトルを指定するには<title>タグを使用します。

タイトルは本文の要素ではなくページの情報なので、ページの情報を記述する<head>～</head>の間に記述します。

前回作ったindex.htmlに下記のコードを追記して上書き保存してください。

<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<title>HTML入門</title>
</head>

<body>
<p>こんにちは！</p>
</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<title>HTML入門</title>

</head>

<body>

<p>こんにちは！</p>

</body>

</html>

そしてブラウザで確認するとタブの部分に「HTML入門」と表示されていますね！

タイトルは検索結果に表示されたりタブに表示されたりと重要な役割を担っているので必ず指定するようにしましょう。

また、あまり長すぎるタイトルも良くありません。どれだけ長くでも28文字までに収めましょう。