Headings in HTML
How to create Headings
- There are 6 tags available in HTML to create the heading.
Element | Output |
---|---|
<h1>Level-1 Heading</h1> | Level-1 Heading |
<h2>Level-2 Heading</h2> | Level-2 Heading |
<h3>Level-3 Heading</h3> | Level-3 Heading |
<h4>Level-4 Heading</h4> | Level-4 Heading |
<h5>Level-5 Heading</h5> | Level-5 Heading |
<h6>Level-6 Heading</h6> | Level-6 Heading |
Attributes of Heading
- align attribute can be used with all heading to align heading text left/ right/ center / justify.
- align = "left"
- align = "right"
- align = "center"
- align = "justify"
Understanding Heading MAP
- Heading are parsed by browser in a heading map.
- Heading map is similar to the index shown at the beginning of any book.
- Heading map plays an important role in SEO so always be careful while creating the heading map.
- To Check that heading map of your HTML page, there is a various tool available. For example Html5 outliner in google chrome.
- Heading map can be understood by the following figure easily.
Heading Map
Importance of heading in SEO
- SEO means Search engine optimization.
- SEO includes some practices and rules to optimize your website for search engine and achieve the top ranking.
- Popular Search engine like (Google, Bing, Yahoo etc.) uses heading for index the structure and content of your page.
Comments