HTML Page Title

Understand the topic

The title element in head names the document. Browsers use it for tabs and bookmarks, and assistive technology can announce it when a page loads. Write a unique title that describes the specific page, then optionally the site. It is different from h1: the title identifies the document outside its visible content.

Worked example

<head>
  <meta charset="utf-8">
  <title>Class timetable | Kanbritech Academy</title>
</head>

The specific page name comes first so it remains meaningful when a narrow tab truncates the rest. The visible page still needs a heading in body.

Practice

Write a title for a contact page on a community library website.

<title>Contact the library | Community Library</title>

Common mistake

Do not give every page the same generic title, such as "Website". That makes tabs and browsing history hard to distinguish.

HTML documentation