현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
개요
HTML Main 요소 (<main>) 는 문서나 앱의 <body> 의 주요 컨텐츠를 나타냅니다. 주요 컨텐츠 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연, 또는 직접적으로 연관된 콘텐츠들로 이루어집니다.
- 컨텐츠 범주플로우 컨텐츠, 보이는 컨텐츠.
- 허용된 컨텐츠 플로우 컨텐츠.
- 태그 생략 없음; 시작, 종료 태그 모두 필수적
- 허용된 부모 요소
<article>,<aside>,<footer>,<header>,<nav>를 제외한 플로우 컨텐츠를 허용하는 요소. - DOM 인터페이스
HTMLElement
속성
이 요소는 전역 속성만을 포함합니다.
사용 일람
WHATWG living standard에서는 한 페이지에 다수의 <main> 요소를 허용하지만, W3C에서는 그러지 않습니다. 덧붙여서, W3C에서는 <main>이 <article>, <aside>, <footer>, <header>, 또는 <nav>의 후손으로 오는 것을 허용하지 않습니다.
<main> 요소의 컨텐츠는 사이드바나, 내비게이션 링크, 저작권 정보, 사이트 로고, (문서의 주요 기능이 검색 폼이 아닐 경우)검색 폼과 같은 모든 문서에 반복적으로 있는 어떠한 컨텐츠라도 제외되어야 하며 문서 안에 가장 유일한 요소여야 합니다.
예제
<!-- other content -->
<main>
<h1>Apples</h1>
<p>The apple is the pomaceous fruit of the apple tree.</p>
<article>
<h2>Red Delicious</h2>
<p>These bright red apples are the most common found in many
supermarkets.</p>
<p>... </p>
<p>... </p>
</article>
<article>
<h2>Granny Smith</h2>
<p>These juicy, green apples make a great filling for
apple pies.</p>
<p>... </p>
<p>... </p>
</article>
</main>
<!-- other content -->
사양
| 사양 | 상태 | 주석 |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<main>' in that specification. |
Living Standard | <main>을 <article>, <aside>, <footer>, <header>, 또는 <nav> 요소의 후손으로 사용하지 않는다는 제한을 없앴습니다. |
| HTML 5.1 The definition of '<main>' in that specification. |
Recommendation | HTML5와 변함 없음 |
| HTML5 The definition of '<main>' in that specification. |
Recommendation | Initial definition. |
브라우저 호환성
<main> 요소는 대부분의 브라우저에서 지원됩니다(인터넷 익스플로러 제외). <main> 요소가 인터넷 익스플로러에 지원할 때까지 "main" ARIA role 속성을 <main> 요소에 추가하시기 바랍니다.
<main role="main"> ... </main>
| 기능 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | Chrome 26 | 21.0 (21.0) | No support | Opera 16 | Safari 7 |
| 기능 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | 21.0 (21.0) | No support | No support | No support |