<title>
The <title> element defines the title of the HTML document. This title appears in the browser's title bar or tab, in bookmarks when users save the page, and as the clickable headline in search engine results. It's a required element that must be placed within the <head> section.
This page was last updated on 2025-11-27
Syntax
<title>Page Title - Site Name</title>
Attributes
- Global attributes only - The <title> element accepts standard global attributes, but they are rarely used since the element is not rendered on the page.
Examples
Simple page title:
<head>
<title>About Us</title>
</head>
Title with site name (recommended pattern):
<head>
<title>Contact Information | ABC Company</title>
</head>
E-commerce product page:
<head>
<title>Blue Running Shoes - Size 10 | ShoeStore</title>
</head>
Blog post title:
<head>
<title>10 Tips for Better Web Design - Web Dev Blog</title>
</head>
When to Use
Every HTML document must have exactly one <title> element within the <head> section. The title is critical for:
- Browser identification - Displays in tabs, window titles, and history
- Bookmarking - Used as the default bookmark name
- Search engines - Appears as the clickable link in search results (crucial for SEO)
- Accessibility - Screen readers announce the title when users navigate to a page
Best practices:
- Keep titles between 50-60 characters to avoid truncation in search results
- Put the most important information first (page-specific content before site name)
- Make each page's title unique and descriptive
- Include relevant keywords naturally, but avoid keyword stuffing
- Use separators like " | ", " - ", or " : " between page title and site name
- Avoid generic titles like "Home" or "Untitled Document"
- Don't use only your company name; include page-specific information
- The title should accurately reflect the page content
