HTML <h1> Tag

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

Description

The <h1> tag in HTML represents the highest-level heading on a web page. It is used to define the most important heading, typically representing the main topic or title of the page content. Semantically, it carries strong meaning for both users and search engines, indicating the primary subject matter.

Visually, the <h1> element is often displayed in a large, bold font by default, making it stand out from other text and headings. Its size and style can be customized with CSS, but its semantic role as the top-level heading remains the same. While a page can technically include multiple <h1> elements, it is considered best practice to have only one per page to clearly establish a single primary topic, aiding accessibility and SEO.

Screen readers and assistive technologies use <h1> to help users navigate the content structure efficiently, making it crucial for accessibility. Search engines also interpret <h1> as a key indicator of the page’s subject, which can influence indexing and ranking.

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