Heading in HTML
The heading is a text whose size is different from the size of the paragraphs. The heading is displayed on a single line in order to give the user an idea of the subject of the page entered.
Headings can help define the hierarchy and structure of a page's content.
HTML gives us 6 levels of headings, from <h1> to <h6>.
And the higher the number tag in the title, the more important it is, so the <h1> tag is the most important title, while the <h6> tag is the least important in web pages.
By default, browsers display headings in large font and in bold, other than plain text.
Headings in HTML are very important as they highlight important topics on the web page and lead to a well-structured web page.
We must use headings carefully to improve user interaction on the web page.
The importance of titles for search engines
The main title on the web page is considered the most important title on the page for search engines such as Google, Yahoo, and others...etc.
Then it comes immediately after the main title in importance are the titles placed for the paragraphs on the page.
Sub-headings placed in the paragraphs are followed by the least important ones.
Therefore, we always recommend placing the page title between the <h1> tag, the title of any paragraph between <h2> and any other sub-heading between <h3>.
Example
<h1>Programmer Tech</h1>
<h2>Programmer Tech</h2>
<h3>Programmer Tech</h3>
<h4>Programmer Tech</h4>
<h5>Programmer Tech</h5>
<h6>Programmer Tech</h6>We have created 6 addresses in the example from <h1> to <h6> which are the addresses that are used in web pages.
We wrote in each title the word Programmer Tech in order to run the code and see its result in the form.
As we noticed from the previous result, the <h1> tag was the largest among the titles as it was the most important one, while the <h6> tag was the smallest.
