HTML 구조 정의 HTML 구조(HTML Structure) 는 웹 페이지의 골격을 형성하는 체계적인 설계 방식을 의미하며, 문서의 의미론적 계층과 데이터 간의 관계를 정의하는 HTML(HyperText Markup Language) 요소들의 배치 및 구성 방식을 말한다. 이는 웹 브라우저가 웹 페이지의 내용을 해석하고 사용자에게 시각적으로 렌더링하는 기초가 된다. 상세 설명 1. 구성 요소 및 계층 구조 HTML 구조는 기본적으로 '트리(Tree) 구조'를 따른다. 하나의 루트 요소인 <html> 태그를 중심으로 여러 하위 요소들이 부모-자식 관계로 연결되어 복합적인 문서 구조를 형성한다. 루트 요소 (Root Element): <html> 태그는 문서 전체를 감싸는 최상위 요소이다. 메타데이터 영역 (Head Section): <head> 요소는 문서의 제목, 인코딩 설정, 외부 스타일시트 연결 등 브라우저와 검색 엔진에 정보를 전달하는 메타데이터를 포함한다. 사용자에게 직접적으로 보이지 않는 논리적 구조의 핵심이다. 콘텐츠 영역 (Body Section): <body> 요소는 웹 페이지의 실제 시각적 내용을 담는 영역으로, 텍스트, 이미지, 하이퍼링크 등 사용자가 상호작용하는 모든 요소가 포함된다. 2. 시맨틱 구조 (Semantic Structure) 현대 웹 표준에서 가장 중요한 개념은 '의미론적 구조'이다. 단순히 시각적 배치를 위해 태그를 사용하는 것이 아니라, 각 태그가 가진 고유한 의미를 활용하여 구조를 설계하는 것을 의미한다. Header ( <header> ): 로고, 제목, 탐색 메뉴 등 도입부 정보를 담는다. Nav ( <nav> ): 페이지 내 주요 탐색 링크를 포함한다. Main ( <main> ): 문서의 핵심적인 주제와 독자적인 콘텐츠를 담는 영역이다. Section ( <...