Header tags

What are header tags?

Header tags, also known as heading tags or HTML header tags, are used to structure a webpage’s content. The six heading tags, typically called h1 – h6, range in importance.

H1 is the most important and should be used for the page’s main title; it’s usually the largest font size and boldest text. The remaining header tags each have a successively lower level of importance.

H2 is usually the second-most important title and can feature slightly smaller font sizes and lighter styling than H1. H3 – h6 follow suit with decreasing levels of importance and styling modifications.

Using header tags correctly will help search engines index a web page’s content more accurately and provide users with an easier way to navigate through information on a website. Header tags can help organise content on the page on a specific hierarchy. We can compare this to the document outline and hierarchy. It sorts the information and allows crawlers to understand better the content structure.

Header tags H1- H4 structure HTML

Header tags are often combined with other HTML elements, such as paragraphs, lists, images, videos, tables and more, to create a comprehensive website structure that helps visitors quickly understand what the page is about.