Member Avatar for sukritinfotech

What is HTML Headings? How many types of HTML Headings are and Why we use ?

Edited by happygeek because: Fake sig/spam deleted
  • 3 Contributors
  • 2 Replies
  • 178 Views
  • 15 Hours Discussion Span
  • Latest Post Latest Post by stevenpeter

Dani AI

Generated

— and covered the basics. Below are practical, up-to-date recommendations and quick checks to make sure headings do the job for users and assistive tech, not just for visual styling or SEO.

Use headings as the document outline: give each major section a clear, descriptive heading and keep the hierarchy logical. Prefer a single main page title for clarity; while newer HTML semantics allow section-level top headings, many tools and screen readers still expect a simple, predictable outline. Keep headings short and meaningful — they exist to help people scan, not to stuff keywords.

Accessibility and SEO notes: headings are primarily an accessibility and usability feature. Screen readers expose a headings list to let users jump around; well-structured headings also make content easier for everyone to skim. Search engines use headings for context, but they are only one signal — user-focused clarity is the priority.

Quick example and common fixes:

<header>
  <h1>Site or Page Title</h1>
</header>

<main>
  <article>
    <h2>Section title</h2>
    <h3>Subsection</h3>
    <p>Content...</p>
  </article>
</main>

/* styling kept in CSS so semantics stay intact */
h1 { font-size: 2rem; }
h2 { font-size: 1.25rem; }

Troubleshooting: if headings aren’t visible to screen readers or dev tools, confirm they are real heading elements (not divs or spans styled to look like headings), check for aggressive CSS resets or display overrides, and test with a headings-outline tool or a screen reader. Use the structure above as a simple, compatible pattern.

Member Avatar for SnHnBoLt

As the name suggests they are headings.There are 6 different headings in HTML.H1,H2,H3...H6 and H1 being biggest font of the heading and H6 the smallest .They are used to structure your web page.

Member Avatar for stevenpeter

Html heading means that the heading which we used in on the page . In html we use heading tags h1 , h2 h3 to h6 these tags are used as we have important heading in the page if we have to use the main heading for the page than we use the h1 tag and for less imprortant we use h2 and go for h6 as we need the heading on the page . these tags shows the importance to the search engines .

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.