coderef

<main>Baseline · Widely available

The &#x3C;main> element represents the dominant content of a document. It is commonly used together with &#x3C;header> and &#x3C;footer>.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 29, 2015. Widely available since Jan 29, 2018.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–25Not supported
26+Supportedsince Mar 26, 2013
Current: 155
Edge
12+Supportedsince Jul 29, 2015
Current: 154
Firefox
1–20Not supported
21+Supportedsince May 14, 2013
Current: 157
Safari
1–6Not supported
7+Supportedsince Oct 22, 2013
Current: 27
MobileChrome Android
18–25Not supported
26+Supportedsince Apr 3, 2013
Current: 155
Firefox Android
4–20Not supported
21+Supportedsince May 14, 2013
Current: 157
Safari iOS
1–6Not supported
7+Supportedsince Sep 18, 2013
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: main.

Feature detection

JS · check before using
const el = document.createElement("main");
if (!(el instanceof HTMLUnknownElement)) {
  // <main> is supported
}

Documentation (MDN)

Specification