body태그

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

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

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

HTML 본문의 핵심, body 태그

로
선글라스를 낀 비버 캐릭터가 노트북을 사용하는 모습과 태그를 강조한 썸네일

웹페이지의 본문을 품는 그릇, <body> 태그 완전정복 1. <body> 태그란 무엇인가요? <body> 태그는 HTML 문서의 본문 내용을 감싸는 아주 핵심적인 태그입니다. 우리가 웹브라우저에서 보는 텍스트, 이미지, 버튼, 링크 등 모든 시각적 요소는 <body> 안에 있어야 화면에 표시됩니다. 이 태그는 <html> 태그 내부에서 <head>와 함께 등장하며, 실제 사용자에게 보여지는 영역은 <body> 부분이 담당하죠. 즉, 웹페이지의 얼굴과 … 더 읽기