<h2>: The H2 Element

Last updated: 2026-10-13

<h2>The H2 Element

The <h2> element is a level-2 heading used for major section titles, usually subordinate to <h1>. A page can have multiple <h2> elements to organize chapters.

Category	Text Content
Content Model	Flow content, heading content
Allowed Parents	Any element that accepts flow or heading content
Content Tag	Yes — requires closing `</h2>` tag
Status	Standard

📝 Syntax

<h2>Level 2 heading</h2>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<h2>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

❓ FAQ

QMust h2 follow an h1?

AIdeally yes. Heading levels should progress one step at a time: major sections under the h1 use h2 — do not jump from h1 straight to h4. Skipping levels scrambles the document outline and breaks screen-reader heading navigation. For small side headings, handle them another way.

QHow many h2 elements can a page have?

AUnlimited — one per major section is the standard usage. In a long article, section titles like Introduction, Installation, and FAQ are all h2, and their subtopics become h3 underneath.

QCan I use h2 just to make text bigger?

ANo. h2 is semantic (a section heading), not a font-size tool — purely visual large text belongs to CSS. Misusing it makes the outline, screen readers, and search engines treat ordinary text as document structure.

<h2> — headings tutorial

📚 Related Tutorials

HTML Headings

HTML Headings Tutorial

Learn heading hierarchy.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us