Define H1 and H2 Texts in HTML

In HTML headings H1 to H6 tags define the size of headings as they would be displayed to the web users. In usual course there are six levels of headings where H1 is the biggest and H6 is the smallest. Normally the headlines, titles and other vital aspects are enclosed in these “H” tags. The most creative headings are H1 since search engines and robots pay great attention to H1 followed by H2, H3 headings and others subsequently.They put less significance on plain text. It is advisable to incorporate the major keywords in the heading 1 (H1) while within H2 to H6 the optional or supplementary keywords are used. Heading tags (should not be mistaken with the <head> HTML tag or HTTP headers) are used to display the construction of the web page to users. Normally, heading tags are numerically structured to size six, starting with <h1>, the most important and ending with <h6>, the least important. When the web page consists of a news episode, the site’s name is ascribed in the <h1> tag while the story outline is inserted into an <h2> tag.


In the heading tag the text enclosed appears bigger than the normal text on the web page, this aspect acts as a visual indicator to web visitors suggesting that the particular content is important and would assist them in comprehending the nature of content confined within the heading text. Several heading dimensions are utilized for the creation of hierarchical arrangement of the content. This procedure simplifies the maneuverability of the site’s content by the web users.


An excellent method for implementing heading tag is where the site owner is contemplating composing the summary. During this practice an identical rough structure is composed for a voluminous document where some insights are woven into the main theme and sub themes on the page document followed by placing appropriate heading tags in their proper areas. However in the course of incorporating the heading text certain practices have to be avoided like:

  • Positioning the text in heading tags would not favor identifying the construction of the page.
  • Embedding heading tags where supplementary tags such as <em> and <strong> might be more suitable.
  • Irregularly shifting from one heading tag dimension to another.
  • Making use of headings tags in restricted manner throughout the page – Utilize heading tags where it is relevant. Numerous heading tags on a single page might make it difficult for the web audiences to review the content and realize where one subject ends and the other commences.
  • Utilizing heading tags enormously across the page.
  • Placing the page’s total content into a heading tag.
  • Utilizing heading tags for designing purposes and not for displaying the construction.
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *