웹 사이트 공간을 정의하는 태그: <main>

<main> 태그는 웹 사이트의 본문 내용 전체를 감쌀 때 사용합니다. 따라서 HTML 문서 한 개당 한 번밖에 사용할 수 없습니다. 사이드 바, 내비게이션 링크, 저작권 정보에 있는 내용을 <main> 태그 안에 입력할 수 있습니다. 공간을 정의하는 다른 태그와 달리 인터넷 익스플로러(줄여서 IE)에서는 지원하지 않습니다. 따라서 인터넷 익스플로러를 지원하려면 role 속성을 추가해서 main 속성값을 따로 지정해야 합니다.

예제 소스 Exercise/3장/3_main/index.html

<!-- 익스플로러를 지원할 수 있도록 <main> 태그를 사용할 때는 role 속성을 꼭 입력하자. -->
<main role="main">
     <section>
         <h2>Portfolio</h2>
             <article>
                 <h3>Project One</h3>
         </article>
     </section>
</main>

그림 3-8 <main> 태그 실행 결과