이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.

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

hidden 속성 없이는 문서에 하나보다 많은 <main> 요소가 존재해선 안됩니다.

속성

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

사용 일람

The content of a <main> element should be unique to the document. Content that is repeated across a set of documents or document sections such as sidebars, navigation links, copyright information, site logos, and search forms should not be included unless the search form is the main function of the page.

<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 -->

명세

사양 상태 주석
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> 요소는 대부분의 인터넷 익스플로러 11 이하를 제외한 브라우저에서 지원합니다. 따라서 "main" ARIA role 속성을 <main> 요소에 추가해 인터넷 익스플로러에서도 접근성을 확보하는 편이 좋습니다.

<main role="main">
  ...
</main>
Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 26Edge Full support 12Firefox Full support 21IE No support NoOpera Full support 16Safari Full support 7WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support 12Firefox Android Full support 21Opera Android Full support YesSafari iOS Full support 7.1Samsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support

같이 보기

문서 태그 및 공헌자

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