Headings element describes the topic of the section it introduces. Heading information helps user, tools to understand contents of the document automatically.
Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
<h1>This is a heading</h1> <h3>This is a heading</h3> <h4>This is a heading</h4>
Note: Browsers automatically add some empty space (a margin) before and after each heading.
Headings Are Important
- Use HTML headings for headings only. Don't use headings to make text BIG or bold.
- Search engines use your headings to index the structure and content of your web pages.
- Users skim your pages by its headings. It is important to use headings to show the document structure.
- h1 headings should be main headings, followed by h3 headings, then the less important h4, and so on.
HTML Horizontal Rules
The <hr> tag creates a horizontal line in an HTML page.
The hr element can be used to separate content:
<p>This is a paragraph.</p><hr> <p>This is a paragraph.</p><hr> <p>This is a paragraph.</p>