main 태그

이번 시간에는 main태그에 대해서 배워 보도록 합시다 .

main태그는 페이지에서 단 1회 사용할 수 있으며 페이지를 감싸는 용도로 사용합니다.

그렇기 때문에 다른 태그의 하위에 속할 수 없습니다.

main태그 활용

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>main 태그 학습</title>
</head>
<body>
<main>
    <header>
        <p>I am header</p>
    </header><!-- header -->
    <section>
        <div>
            <div>
                <p>I am content1</p>
            </div><!-- content1 -->
            <div>
                <p>I am content2</p>
            </div><!-- content2 -->
            <div>
                <p>I am content3</p>
            </div><!-- content3 -->
        </div>
        <div>
            <p>right</p>
        </div>
    </section><!-- container -->
    <footer>
        <p >I am footer</p>
    </footer><!-- footer -->
</main>
</body>
</html>