The h1-h6 and title tags in HTML

We have finished creating templates for the major webpage blocks. Now let’s go back to the main webpage and work a little on the structure of the text content.

We use headers to create the basic structure for the text. HTML specifies an entire family of header tags: from <h1> to <h6>. The <h1> tag indicates the most important heading (top level heading), whereas the <h6> tag denotes the lowest level subheader. The letter “h” in the tag name stands for the first letter in “heading”.

In practice, subheadings that are lower than the third level are rarely found in texts. Therefore, the most commonly used tags are <h1>, <h2> and <h3>:

<h1>HTML specification</h1>
<h2>Section 1: Introduction</h2>
<h3>Section 1.1: The origin of the language</h3>

Search engines assign particular weight to headings, and well-placed headings are important for making the document accessible. Therefore, you need to learn how to correctly use headings.

The heading <h1> is the most important on the page. You should use it to mark the text that generally describes the page content. It is very important to ensure that there is only one first level heading on the page.

A top level heading is often added to the website header of main pages. We will do the same for our template.