happy cat image

everdevel

coding

login
알림X
  • 현재 댓글에 대한 답변만 표시합니다.
  • 표시할 댓글 이력이 없거나 로그인해 주세요.
























everdevel이 만든 무료 클라우드 개발환경을 소개합니다.

방문해 주셔서 감사합니다.

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>

결과는 바로 아래에서 확인하겠습니다.


봐주셔서 감사합니다. 문의 또는 잘못된 설명은 아래의 댓글에 부탁드립니다.
당신의 작은 누름이 저에게는 큰 희망이 됩니다.

컨텐츠의 내용을 더 보려면 바로 아래에서 확인할 수 있습니다.


    
    

강좌로 돌아가기

댓글 0개

정렬기준