HTML 작성 가이드

HTML은 웹의 구조를 정의하는 마크업 언어로, 시맨틱한 구조 설계와 접근성을 고려한 작성이 중요합니다.

✅ 실무 작성 기준

HTML5 doctype 사용: <!DOCTYPE html>
시맨틱 태그 적극 사용: <header>, <nav>, <main>, <section>, <article>, <footer>
제목은 반드시 계층적 구조로 작성: h1 > h2 > h3 …
form 요소에는 반드시 label 연결
alt 속성은 모든 img에 필수
aria-* 속성 등 접근성 향상 고려

🧱 레이아웃 샘플 구조

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>예제 페이지</title>
  </head>
  <body>
    <header>상단</header>
    <nav>메뉴</nav>
    <main>
      <section>
        <h1>문서 제목</h1>
        <article>
          <h2>섹션 제목</h2>
          <p>내용</p>
        </article>
      </section>
    </main>
    <footer>하단</footer>
  </body>
</html>