HTML 본문에 div만 쓰시나요? 이제는 main으로 구조를 잡자!

HTML 페이지를 구성하는 메인 콘텐츠 구조를 나타내는 시크한 비버 일러스트

웹페이지의 주인공 무대, <main> 태그란? 1. <main> 태그의 정체, 대체 뭘까? <main> 태그는 HTML 문서 안에서 가장 핵심적인 ‘본문 콘텐츠’를 담는 용도로 사용돼요. 여기서 말하는 본문은 **페이지의 중심 주제**와 **핵심 내용을 의미**하죠. 예를 들어 블로그라면 글 본문, 쇼핑몰이라면 상품 목록, 뉴스 사이트라면 기사 내용이 바로 <main>에 들어갑니다. 반대로 **로고, 메뉴, 사이드바, 푸터**처럼 반복되는 UI 요소는 … 더 읽기

HTML 페이지 하단을 구성하는 핵심, footer 태그의 역할

HTML 푸터 정보를 설명하는 비버 캐릭터 일러스트 썸네일 이미지

페이지의 마지막 인사, <footer> 태그 완전정복 1. <footer> 태그란? <footer> 태그는 웹페이지나 특정 구역의 ‘꼬리말’을 의미합니다. 사이트 전체의 저작권, 연락처, 사이트맵, 관련 링크 등을 담는 데 쓰이며, 마치 책의 말미에 들어가는 ‘출판 정보’처럼 기능하죠. 꼭 페이지 맨 아래에만 써야 한다는 제한은 없지만, 의미상 정보의 정리나 마무리를 담당하는 위치에서 사용하는 것이 가장 자연스럽습니다. 문서 전체나 섹션, … 더 읽기