- Home
- /
- Tutorials
- /
- HTML Tutorial
- /
- HTML <title> Tag
HTML Tags
HTML <title> Tag
The
<title>tag defines the title of an HTML document.
It appears in the browser tab, search engine results, and bookmarks, helping users and search engines understand the page content.
Syntax
html
<title>Page Title Here</title>Example
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Title Tag Example</title>
<meta charset="UTF-8">
<meta name="description" content="Example showing how the title tag works in HTML.">
</head>
<body>
<h1>Welcome to My Website</h1>
<p>The page title appears in your browser tab, not on the page.</p>
</body>
</html>Output
Browser Output
html
Displays “Welcome to My Website” and the paragraph below it.Browser Support
Chrome | Edge | Firefox | Safari | Opera | IE9+ |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |
The text “HTML Title Tag Example” appears in the browser tab title.
Notes
- The
<title>element is required in every HTML document. - It must be placed inside the
<head>section. - The title appears in: <ul class="wp-block-list"> <li>Browser tab</li> <li>Search engine result titles (SEO)</li> <li>Bookmarks/favorites</li> <li>Social media previews (sometimes used as default title)</li> </ul>
- Keep the title short and descriptive (50–60 characters recommended for SEO).
Conclusion
The <title> tag is a vital SEO and usability element of any web page.
It defines what users see in their browser tabs and search results.
A well-written title improves click-through rates, page identity, and search engine ranking, making it one of the most important tags in your HTML document.
