<title>
<title> は HTML の要素で、ブラウザーの題名バーやページのタブに表示される文書の題名を定義します。テキストのみを含めることができます。要素内に HTML タグが含まれている場合、それらもプレーンテキストとして扱われます。
html
<title>おばあちゃんのヘビメタ祭り通信</title>
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| HTMLTitleElement インターフェイスは文書の が実装しています。この要素は HTMLElement インターフェイスのすべてのプロパティおよびメソッドを継承しています。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLTitleElement インターフェイスの text プロパティは、ドキュメントのタイトルの子テキストの内容を文字列として表します。HTML タグが要素内に含まれている場合、それらは HTML として解析されるのではなく、文字列値の一部として含まれます。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
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 の要素で、ブラウザーの題名バーやページのタブに表示される文書の題名を定義します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。