How do we know which heading element to pick?



How do we know which heading element to pick? For example, why did we use <h1> tags for “The Brown Bear” title but <h3> tags for “Features” in this exercise?


Heading elements should be chosen in a way that reflects how the content of our page should be organized. Later in this lesson, you will use the div element to divide this page into various sections. Each of those sections will have a title contained within the <h2> tags and various subtitles which are contained within the <h3> tags.

As “The Brown Bear” title is the main heading for this document, we use the <h1> tags here. As “Features” is a subtitle to the “About Brown Bears” section of the page (which will eventually be more clearly delineated with div elements) we use <h3> tags to contain this heading.

To learn more about headings and how they should be used to organize information, take a look at this tutorial.

FAQ: Learn HTML Elements - Intro to HTML - Headings