The HTML5 <h1> to <h6> tags are mainly utilized for defining the headings that are used within a document. This allows better organization of content so users would not have a hard time in understanding the contents of the web page. The main difference among the HTML5 <h1> to <h6> tags is that <h1> tag is the most important while <h6> tag is the least important among the headings.

The HTML5 <h1> to <h6> tags are aligned with the use of CSS. The align attribute was considered obsolete in HTML4.01 and it is no longer utilized in HTML5.

When the HTML5 <h1> to <h6> tags are used, this is how it should look like.

• <h1>First Heading Should Be Placed Here</h1>
• <h2>Second Heading Should Be Placed Here</h2>
• <h3>Third Heading Should Be Placed Here</h3>
• <h4>Fourth Heading Should Be Placed Here</h4>
• <h5>Fifth Heading Should Be Placed Here</h5>
• <h6>Sixth Heading Should Be Placed Here</h6>

Using the HTML5 <h1> to <h6> tags is easy because these are recognized by the primary web browsers these days just like Firefox, Google Chrome, Internet Explorer, Opera and Safari. The Global Attributes and Event Attributes are also compatible with HTML5 <h1> to <h6> tags.