<title>
The <title> HTML element defines the document's title that is shown in a browser's title bar or a page's tab. It only contains text; HTML tags within the element, if any, are also treated as plain text.
html
<title>Grandma's Heavy Metal Festival Journal</title>
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| The HTMLTitleElement interface is implemented by a document's . This element inherits all of the properties and methods of the HTMLElement interface. | 1 | 12 | 1 | 3 | 18 | 1 |
| The text property of the HTMLTitleElement interface represents the child text content of the document's title as a string. It contains the title element's content as text; if HTML tags are included within the element, they are included as part of the string value rather than being parsed as HTML. | 1 | 12 | 1 | 3 | 18 | 1 |
Syntax
<head>
<title>Page Title | Site Name</title>
</head>Live demo
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.
Use cases
-
Strengthen structure
Use <title> to make the document outline, grouping, or semantics more explicit.
-
Improve meaning
Apply <title> when clearer HTML structure helps users and tools understand the content.
Cautions
- Test <title> in your target browsers and input environments before depending on it as a primary behavior.
Accessibility
- Prefer semantic structure that improves navigation and interpretation for assistive technologies, not just visual organization.