<h1>: The H1 Element
Last updated: 2026-10-13
<h1>The H1 Element
The <h1> element is the level-1 heading, the most important heading on a page. Each page should ideally have only one <h1>, matching the page's main topic — important for SEO.
| Category | Text Content |
|---|---|
| Content Model | Flow content, heading content |
| Allowed Parents | Any element that accepts flow or heading content |
| Content Tag | Yes — requires closing </h1> tag |
| Status | Standard |
📝 Syntax
<h1>Level 1 heading</h1>▶ Example
Edit the code below and see the live result in the playground:
🌐 Browser Support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <h1> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
Tip： Use only one <h1> per page and don't skip heading levels.
❓ FAQ
QHow many h1 elements can a page have?
AThe spec allows several (one per article/section), but SEO practice strongly recommends a single h1 as the page's main title — a key signal search engines use to judge page topic. Use h2 and below for the remaining levels.
QWhat is the difference between h1 and title?
A
<title> lives in head, appears in the browser tab and search result headline, and is not part of the visible page; <h1> lives in body as the visible main heading. Content may be similar but the jobs differ: title aims at search clicks, h1 at readers.QCan h1 wrap the logo image?
AYes — a common home-page pattern:
<h1><img src='logo.png' alt='Site name'></h1> with the alt providing the text. On inner pages, prefer the h1 for the page's own main title and demote the logo to a plain link or leave it in the header.🏷️ Related Tags
💡 Related Cases
📚 Related Tutorials
