HTML <h6> Tag

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

Description

The <h6> tag in HTML represents the sixth and lowest level heading in the hierarchy of headings. It is part of the <h1> to <h6> series, which are used to structure content semantically, providing both a visual and structural indication of importance. While <h1> is typically the most important heading, often used for main titles, <h6> is reserved for content of the lowest hierarchical importance within a document.

Headings like <h6> serve a dual purpose:

Semantic Structure: They define the document's outline for browsers, search engines, and assistive technologies such as screen readers. Using <h6> correctly helps convey the logical flow of content, indicating that the text under this heading is a subtopic or minor section relative to higher-level headings.
Visual Presentation: By default, most browsers render <h6> text smaller and less prominent than higher-level headings, making it visually distinguishable as less significant. However, its appearance can be customized with CSS, allowing developers to change font size, weight, color, or style without affecting its semantic meaning.

The <h6> tag can contain inline elements like <span>, <a>, <strong>, or plain text, but it cannot contain block-level elements like <div> or <p>. It is most commonly used for small subtitles, footnotes, minor section headings, or content that supports larger headings in the hierarchy.

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 <h6> tag. Hover over a browser icon to see the version that first introduced support for this HTML tag.