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 headings to give text its basic structure. HTML provides six heading levels, from <h1> to <h6>. The <h1> tag marks a top-level heading, while <h6> marks the lowest-level subheading. The “h” in these tag names stands for “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.