Headings
In web design, we use headings for several reasons, some of which may not be entirely obvious if you're new to the field. Headings let us organize our content, convey a logical hierarchy on each page, help with accessibility, and work as an aid to Search Engine Optimization (SEO). Let's take a look at each of these.
Content organization and hierarchy
HTML heading tags were created to provide a structure for web pages. H1 or Heading 1 is the most important heading. It is often the largest and boldest piece of text on the page. Headings run from H1 to H6 and get progressively smaller as we move from H1 to H6. It is important to always start with H1 and move through each level one at a time. You may find that we don't need to go past H3, but we may need this in order to create an organized web page. This is the specific purpose that HTML heading tags are used for—to structure your documents. You should always start with an H1 element and move through the other levels one at a time...
