HTML <h1> Tag
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
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.
Desktop
Tablets & Mobile
