Headings help in defining the hierarchy and the structure of the web page content.
HTML offers six levels of heading tags,
higher the heading level number, the greater its importance — therefore
defines the most important heading, whereas the
defines the least important heading in the document.
By default, browsers display headings in larger and bolder font than normal text. Also,
<h1> headings are displayed in largest font, whereas
<h6> headings are displayed in smallest font.
<h1>HEADING LEVEL 1</h1> <h2>HEADING LEVEL 2</h2> <h3>HEADING LEVEL 3</h3> <h4>HEADING LEVEL 4</h4> <h5>HEADING LEVEL 5</h5> <h6>HEADING LEVEL 6</h6>
Importance of Headings
- HTML headings provide valuable information by highlighting important topics and the structure of the document, so optimize them carefully to improve user engagement.
- Don’t use headings to make your text look BIG or bold. Use them only for highlighting the heading of your document and to show the document structure.
- Since search engines, such as Google, use headings to index the structure and content of the web pages so use them very wisely in your webpage.
- Use the
<h1>headings as main headings of your web page, followed by the
<h2>headings, then the less important
<h3>headings, and so on.