Widely availableSuitable for production when it improves semantics, input, or browser integration.

Overview

The <title> element sets the title of the document and exposes it to users via the UI of the browser or app they're using and through assistive technology. It is most useful when native HTML semantics or browser capabilities can replace custom implementation work.

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
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

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

Live demo

Tab title examples

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

PreviewFullscreen

Why titles matter

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

PreviewFullscreen

Title writing tips

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

PreviewFullscreen

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.

Powered by web-features