[HTML] 웹 문서의 기본 구조: header, main, footer

💻 Programming/HTML, CSS

[HTML] 웹 문서의 기본 구조: header, main, footer

Jiwon() 2023. 5. 19. 01:20

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li>메뉴 1</li>
          <li>메뉴 2</li>
          <li>메뉴 3</li>
        </ul>
      </nav>
    </header>

    <main>
      <section>
        <h1>h1는 가장 중요한 제목으로 페이지에 1개만 사용할 것</h1>
        <article>
          <h2>중간을 빼먹지 않고</h2>
          <h3>순차적으로 사용할 것</h3>
          <h4>글씨 크기를 조정하는 용도로 사용하지 않는다</h4>
        </article>
      </section>

      <aside>부차적, 보완적 영역</aside>
    </main>

    <footer>웹페이지의 하단</footer>
  </body>
</html>

저작자표시