HTML Title Tag: Page Title Inside <head>
The HTML <title> element defines the title of the document. It belongs inside the <head> element and is commonly shown in the browser tab, bookmarks, history entries and search results.
<title>HTML Title Tag Tutorial | plus2net</title><h1> for the visible main heading of the page. The title and H1 can be similar, but they serve different purposes.
Basic Title Syntax Top ↑
Place the title text between the opening and closing <title> tags:
<title>HTML Title Tag with Examples</title>A document should have one meaningful title element in its <head>.
Title Inside the head Element Top ↑
The old version of this tutorial used an HTML 3.2 doctype and a meta keywords tag. A modern HTML document starts with the short HTML5 doctype and does not need a meta keywords tag.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML Title Tag Tutorial | plus2net</title>
<meta name="description" content="Learn how the HTML title element works.">
</head>
<body>
<h1>HTML Title Tag</h1>
</body>
</html>See HTML <head> and HTML meta tags.
Where the Title Is Used Top ↑
The document title can be used in several places:
- browser tabs and windows,
- bookmarks or favourites,
- browser history,
- search-engine result title links,
- other tools that need a human-readable page name.
<title> remains an important source, but it is not a guarantee of the exact text displayed in search results.Title vs H1 Top ↑
The title element belongs in the document head. The <h1> belongs in the visible page body.
<head>
<title>HTML Forms: Complete Beginner Guide | plus2net</title>
</head>
<body>
<h1>HTML Forms</h1>
</body>The two can communicate the same topic without being character-for-character identical.
See HTML headings.
Title Tag and SEO Top ↑
A useful page title should accurately describe the page and help a searcher understand what the page contains before clicking.
For example:
Poor:
Home Page
Better:
MySQL LEFT JOIN Tutorial with Examples | plus2netGood titles are usually:
- specific to the page,
- descriptive and readable,
- consistent with the visible content,
- different from titles used on other pages,
- free from unnecessary keyword repetition.
The earlier version of this tutorial recommended placing several targeted keywords in the title. Modern practice is better framed as describe the page clearly using natural language. Important search terms can appear naturally when they accurately describe the topic.
How Long Should a Title Be? Top ↑
There is no HTML rule that limits a title to about 75 characters. Browsers can store longer titles, and search-result displays are not based on one fixed character count.
Instead of targeting an exact number, make the important meaning clear early and remove words that do not help identify the page.
Too vague:
Tutorial Page
Needlessly repetitive:
HTML Title, HTML Title Tag, HTML Page Title, Title HTML Tutorial
Clear:
HTML Title Tag: Syntax and SEO Examples | plus2netKeywords Without Stuffing Top ↑
If the page teaches HTML tables, the main topic naturally belongs in the title:
<title>HTML Tables: thead, tbody, th and Accessibility | plus2net</title>Avoid repeating variants only to influence search ranking:
<!-- Avoid repetitive keyword stuffing -->
<title>HTML Table, HTML Tables, Table HTML, HTML Table Tutorial</title>Write for users first while accurately naming the topic.
Use a Unique Title for Each Page Top ↑
Different pages should normally have different titles so users and search systems can distinguish them.
Page 1:
<title>HTML Checkbox: checked, value and Multiple Choices | plus2net</title>
Page 2:
<title>HTML Radio Button: name, value and checked | plus2net</title>A shared site or brand suffix can remain consistent while the page-specific part changes.
Special Characters in a Title Top ↑
Characters that have special meaning in HTML should be written safely when needed. For example, use & to represent an ampersand in source:
<title>HTML & CSS Tutorials | plus2net</title>The browser displays:
HTML & CSS Tutorials | plus2netDynamic Titles Top ↑
Server-side applications can generate page-specific titles before sending the HTML document to the browser.
<?php
$page_title='HTML Form Tutorial | plus2net';
echo '<title>'
.htmlspecialchars(
$page_title,
ENT_QUOTES,
'Windows-1252'
)
.'</title>';Common Title Tag Mistakes Top ↑
Using an obsolete HTML doctype Top ↑
Use the modern <!doctype html> declaration for HTML documents.
Adding a meta keywords tag for SEO Top ↑
The meta keywords tag is not needed for modern HTML page optimization. Focus on useful content, a descriptive title and an accurate meta description.
Using the same title on many pages Top ↑
Give each distinct page a title that identifies its own subject.
Using only generic text Top ↑
Titles such as Home, Page 1 or Untitled Document provide little context when several pages appear in tabs, bookmarks or search results.
Keyword stuffing Top ↑
Repeated keyword variants make the title harder to read and do not improve the usefulness of the page.
Assuming a fixed 75-character limit Top ↑
HTML does not impose that limit, and search displays vary. Prefer clarity over an arbitrary character target.
Putting visible page content only in title Top ↑
The title is document metadata. Use visible headings such as <h1> to identify the page topic inside the body.
Exercise Top ↑
my_page.htm page created in the HTML body tag tutorial.
Add the title inside the page's <head>:
<title>My Name and Address</title>Then add an H1 inside the body so the page also has a visible main heading.
Related Tutorials Top ↑
Frequently Asked Questions Top ↑
The title element belongs inside the head element of the HTML document.
Not as normal body content. Browsers commonly show it in the tab or window title, while the page body should use visible headings.
Distinct pages should normally have descriptive titles that identify their individual content.
No. HTML does not impose a 75-character title limit. Keep titles concise and descriptive rather than targeting one fixed character count.
No. The title element is an important source, but search engines can generate a different result title when they choose another representation of the page.
No. Use natural, descriptive wording that accurately identifies the page instead of repeating keyword variations.
The title belongs in the document head and names the document. H1 is a visible heading in the page body.
HTML Meta Tags BODY Tag Headings
Subhendu Mohapatra
Author & Instructor at plus2net
I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.
