전체 페이지나, 섹션의 제목을 나타낼 때 사용.
페이지나 섹션의 머리말(로고, 회사명, 검색기능, 네비게이션 등 포함).
= website banner랑 같은 롤
페이지나 섹션의 바닥글.
저작권 정보, 연락처 정보, 사이트 맵, 사이트 내 중요한 링크들, 저자 정보, 개인정보처리방침, sns링크
독립적인 콘텐츠 조각 (예: 블로그 글, 상품카드, 기사)
주요 내용과 간접적으로 관련된 보조 정보.
참고자료로 이해하면 됨. 주로 스크린리더 사용자를 위함.
네비게이션 링크들을 다룰 거라는 걸 나타냄.
모든 링크를 감싸는 게 아니고, 링크들을 다루는 메이저 블럭만을 뜻함.
스크린리더 사용자를 위함.
구획을 나누는 목적
헤딩을 포함하는 독립적인 요소인가?로 판단하면 됨.
페이지 레벨 또는 article 레벨의 컴포넌트에서만 감싸는게 좋음.
body 안의 문서의 주요 콘텐츠. 페이지당 하나 지정하기
작성 다 하고 페이지 기준 핵심 콘텐츠를 main으로 감싸면 됨.
페이지를 조립하는 page.tsx나 최상위 레이아웃 파일에서 전체 콘텐츠 중 지배적인 부분에만 <main>을 지정
연락처, 이메일, 저자나 관련단체의 정보
(저작권 관련 내용은 footer가 적합)
회사 정보와 같이 전역의 연락처는 footer 내부에 address가 들어가는게 일반적
web.devSemantic HTML | web.dev