文書のタイトルを表す

title

< title 【 タイトル 】 >〜</title>

title要素は文書のタイトルを表します。head要素のコンテンツモデルにおける条件に当てはまる場合以外は、省略できません。

カテゴリー メタデータコンテンツ
コンテンツモデル テキスト
使用できる文脈 head要素の子要素として。ただし、ほかにtitle要素を入れるのは不可
カテゴリーとコンテンツモデル

使用できる属性

グローバル属性

すべての要素で使用できる属性です。
グローバル属性とイベントハンドラ属性

サンプルコード

<head>
 <meta charset="utf-8">
 <title>カフェラテとカプチーノの違い | 大樽町カフェ</title>
 <meta name="description" content="大樽町カフェ店長がカフェラテとカプチーノの違いを解説。">
 <meta name="keywords" content="カフェラテ,カプチーノ,">
</head>

ポイント

  • 検索エンジンの結果ページ、閲覧者のブックマークや履歴一覧などにおいて表示された場合にわかりやすいタイトルを付けるようにしましょう。例えば、Webサイト内のすべてのページで、title要素にサイト名しか入っていないようなタイトルの付け方は好ましくありません。