Understanding HTML Headings

HTML headings are used to structure content on the web. Here's why they're important:

  • SEO Benefits
  • Accessibility
  • Content Organization
  • Visual Appeal
  • Semantic Structure

Examples of HTML Headings Usage

Main Title

Using <h1> to define the main title of a webpage, like the name of a blog or the main section of a news article.
<h1>My Personal Blog</h1>

Section Titles

<h2> tags can be used to introduce sections within a page, such as different categories in a blog or services on a company’s homepage
<h2>About Me</h2>
<h2>My Projects</h2>

Subsections

Using <h3> to <h6>For subsections within those categories
<h3>Travel Adventures</h3>
<h3>Coding Tutorials</h3>

Navigation Menus

Headings can be used in navigation menus to indicate groupings of links
<h2>Product Categories</h2>

Article Titles:

Using <h2> or <h3> for Article Titles
<h2> Local News Headlines </h2>

Sidebar Widgets

Using <h2> and or <h3> for sidebar widget titles
<h3> Recent Post </h3>

Footers

<h4> to <h6> can be used to place headings in the footer area
<h4>Contact Us</h4>

Product page

Tags such as <h2> and <h3> can be used
<h2>Super Discounted Washing Machine</h2>
    <h3>Mega offers</h3>

Form fill up:

Using <h2> or <h3> for placing headings above forms
<h2> Please Register </h2>