MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

개요

HTML Main 요소 (<main>) 는 문서나 앱의 <body> 의 주요 컨텐츠를 나타냅니다. 주요 컨텐츠 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연, 또는 직접적으로 연관된 콘텐츠들로 이루어집니다.

속성

이 요소는 전역 속성만을 포함합니다.

사용 일람

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

같이 보기

문서 태그 및 공헌자

 이 페이지의 공헌자: Kaben, azunyan3
 최종 변경: Kaben,