Semantic HTML

태그 선택은 화면보다 먼저 의미를 전달한다

header, nav, main, article 같은 태그는 브라우저와 보조 기술에 콘텐츠의 역할을 알려준다.

의미가 전달되는 곳

접근성 기본

검색 엔진

제목, 본문, 내비게이션의 관계를 더 정확히 파악한다.

스크린 리더

페이지 영역과 제목 계층을 기준으로 사용자가 구조를 탐색하게 돕는다.

협업 코드

div만 나열한 코드보다 역할이 드러나 유지보수 판단이 빨라진다.

콘텐츠 역할태그 선택보조 해석사용 경험
의미가 전달되는 곳

접근성은 나중에 붙이는 장식이 아니라 HTML 구조를 고를 때 이미 시작된다.