The HTML5 h1 to h6 Tags

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.

Featured pages


Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …


Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…


 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …