Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<title>

<title> は HTML の要素で、ブラウザーの題名バーやページのタブに表示される文書の題名を定義します。テキストのみを含めることができます。要素内のタグはすべて無視されます。

html

<title>Grandma's Heavy Metal Festival Journal</title>

コンテンツカテゴリー メタデータコンテンツ 許可されている内容 要素間のホワイトスペースではないテキスト。 タグの省略 開始タグと終了タグの両方が必要。なお、 </title> を忘れると、ブラウザーがページの残りの部分を無視することがある。 許可されている親要素 他に <title> 要素を含まない <head> 要素。 暗黙の ARIA ロール 対応するロールなし 許可されている ARIA ロール 許可されている role なし DOM インターフェイス HTMLTitleElement

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<title>
1
12
1
1
18
1
DOM API
HTMLTitleElement

HTMLTitleElement インターフェイスは文書の が実装しています。この要素は HTMLElement インターフェイスのすべてのプロパティおよびメソッドを継承しています。
1
12
1
3
18
1
text

HTMLTitleElement インターフェイスの text プロパティは、ドキュメントのタイトルの子テキストの内容を文字列として表します。HTML タグが要素内に含まれている場合、それらは HTML として解析されるのではなく、文字列値の一部として含まれます。
1
12
1
3
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<head>
  <title>Page Title | Site Name</title>
</head>

ライブデモ

Tab title examples

Compare concise title patterns for product, article, and dashboard pages.

プレビュー全画面表示

Why titles matter

Explain how the title element helps tabs, history, bookmarks, and assistive tools.

プレビュー全画面表示

Title writing tips

Keep document titles specific enough to stand on their own in browser UI.

プレビュー全画面表示

実務での使いどころ

  • <title> の活用

    <title> は HTML の要素で、ブラウザーの題名バーやページのタブに表示される文書の題名を定義します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク