<h4>: The H4 Element

Last updated: 2026-10-13

<h4>The H4 Element

The <h4> element is a level-4 heading below <h3>, common in deeper document structures.

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

📝 Syntax

<h4>Level 4 heading</h4>

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
<h4>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

❓ FAQ

QWhen should I use h4?

AAs the fourth-level heading under an h3: feature → submodule → item → detail. Depth is decided by the document structure, not by font size or frequency — if the page has no fourth level, h4 is not needed.

QWill skipping levels between h4 and h6 be penalized?

ASearch engines will not penalize a page just for skipping levels, but a fully progressive heading structure helps engines understand content hierarchy and serves screen-reader navigation better. Long content pages should keep h1→h6 progressive.

Qh4 looks too small — what do I do?

AAdjust the visuals with CSS instead of abandoning the semantics: set a proper font-size, font-weight, and color on h4. Heading semantics and visual style are decoupled — do not demote it to a bolded paragraph because the default style looks bad.

<h4> — 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