header, nav, main, footer로 큰 영역을 나눕니다.
시맨틱 구조의 효과
의미 있는 구조는 검색, 보조 기술, 유지보수를 함께 돕는다은 랜드마크, 제목 순서, 대체 텍스트를 실제 브라우저 흐름에서 나눠 확인해야 구현 기준과 실패 대응이 흐려지지 않습니다.
h1부터 단계적으로 내려가며 문서 목차를 만듭니다.
이미지 의미에 맞춰 alt를 비우거나 설명합니다.
링크, 버튼, 폼이 키보드로 이동 가능한지 확인합니다.
접근성은 나중에 붙이는 옵션이 아닙니다. 올바른 HTML을 고르는 순간부터 기본 품질이 올라갑니다.