<title>: The TITLE Element
Last updated: 2026-10-13
<title>The TITLE Element
Defines the document title shown in the browser tab and search results; exactly one per document, inside head.
| Category | Metadata |
|---|---|
| Content Model | Only inside head |
| Allowed Parents | Any element that accepts flow content |
| Content Tag | Yes — requires closing </title> tag |
| Status | Standard |
📝 Syntax
<title>Page title</title>▶ Example
Edit the code below and see the live result in the playground:
🌐 Browser Support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <title> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
Tip： title text is the tab and SEO title—keep it concise with keywords; no nested tags allowed.
❓ FAQ
QHow long should title be?
ASearch engines typically display 50-60 English characters (or about 30 Chinese characters) before truncating to ellipsis. Put core keywords first and the brand at the end, in a pattern like Course Name - Site Name, and avoid keyword stuffing.
QCan title contain images or HTML?
ANo —
<title> accepts plain text only; any tag renders as literal text. The branding spot in the browser chrome is the tab icon (favicon), configured via link rel='icon'.QHow do single-page apps update title dynamically?
AWith JS:
document.title = 'New title', updated on route changes. SEO impact: crawlers must render JS to see it — important pages should server-render title; SPA title updates are a UX refinement, not an SEO strategy.🏷️ Related Tags
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
