HTML <h4> Tag

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!

Description

The <h4> element represents a fourth-level heading in an HTML document. Headings are used to define the structure and hierarchy of content, helping both users and search engines understand the organization of information on a page.

<h4> is typically used as a subheading under <h3> headings, providing an additional level of content division. While it is smaller in size and importance than <h1>, <h3>, and <h3>, it still carries semantic meaning, signaling that the enclosed text is a heading rather than regular body text.

Headings like <h4> help create a logical content hierarchy, which is essential for accessibility. Screen readers and other assistive technologies use headings to navigate and outline the content of a page efficiently.

Visually, the <h4> element usually appears smaller than <h3> and larger than <h5>, though its exact appearance depends on the browser’s default styling or any CSS applied. By default, most browsers render <h4> in bold font, making it stand out as a subheading.

In addition to improving accessibility and readability, <h4> headings can be useful for search engine optimization (SEO). Proper use of heading levels provides context about the content, helping search engines understand the relationships between different sections.

In practice, <h4> is ideal for:

Subsections within an article or report.
Grouping related points under a third-level heading.
Adding a clear, semantic label to moderately important content sections.

Properties

Permitted Parents: Any element that accepts flow content.
Content: Inline and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

Result

Editor

Attributes

None

Global Attributes

The <h1> tag also supports the Global Attributes in HTML5

Event Attributes

The <h1> tag also supports the Event Attributes in HTML5

Browser Support

The following information will show you the current browser support for the HTML <h4> tag. Hover over a browser icon to see the version that first introduced support for this HTML tag.