1. Technology

What Does Your Title Tag Look Like?

By

1 of 7

The Most Important Part of Your Page
title tag

The HTML Title Tag

©2013 J Kyrnin - licensed to About.com

The HTML TITLE element is the most important element on your web page because it does so many things. The TITLE element is used by browsers as well as search engines to define your web page. Here are some of the ways the TITLE element is used:

  • Browsers use it to differentiate tabs
  • It is also displayed at the top of the window in some web browsers
  • The title is used as the text for bookmarks (but can be changed by the customer)
  • Some browsers have introductory panes that use the title along with a screen shot of the pages you most frequent
  • Search engines also use the titles in their search results

What is the Title?

The TITLE element is confusing however, as many beginners think that it will display on the web page itself. But it doesn't (except in those locations I noted above) unless you write it a second time, usually in a H1 or other headline element.

For example, if you have the following HTML:

<!doctype html>
<html>
  <head>
    <meta charset=utf-8>
    <title>My First Web Page</title>
  </head>
  <body>
    <p>This is my web page</p>
  </body>
</html>

All that will display on the web page are the words “This is my web page.” Many beginners are then disappointed that the title doesn't display. In order to have the title show, you need to add: <h1>My First Web Page</h1> to the BODY of the document.

In HTML, the title is the text contained in the <title></title> tags. This is stored in the HEAD element of the document.

While this element isn't written to the main part of the web page, it is still visible in most web browsers. The following pages will show you different web browsers and where they put the title.

©2014 About.com. All rights reserved.