번역 작업 진행중입니다.


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>

 

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support261221 No167
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes1221 Yes7.1 Yes

같이 보기

문서 태그 및 공헌자

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