Introduction
이 섹션은 웹 페이지의 구조를 설계할 때 필요한 HTML 마크업 표준 가이드를 제공합니다.
기본 문법부터 시맨틱 태그 사용, 접근성 준수, 레이아웃 설계 팁까지 포함됩니다.
📌 이 섹션에서 다루는 내용
- HTML5 표준 문법 및 기본 구조
- 시맨틱 태그의 의미와 적용 방식 (
<section>,<article>,<aside>,<main>, ...) - Form 요소 설계 및 라벨 연결
- 이미지와 링크의 올바른 사용법
- 접근성(ARIA 속성 등) 고려한 마크업 작성법
- 공통 레이아웃 템플릿 예시
- 잘못된 마크업 예제 및 리팩토링 사례
🛠 실무에서 이렇게 씁니다
- 사내 모든 HTML 템플릿은 이 가이드를 기반으로 작성합니다.
- 퍼블리싱 시 이 문서의 예제 구조를 기본 템플릿으로 사용하세요.
img에는 반드시alt,form에는 반드시label을 연결하세요.- 마크업은 뷰 라이브러리(Vue, React)와의 연계 사용도 고려합니다.