HTML 프레임(Frameset)은 하나의 웹페이지에 여러 개의 웹페이지를 표시하는 기술입니다. 웹 페이지를 영역(또는 "프레임")으로 나누며 각 영역은 서로 다른 웹 페이지를 표시할 수 있습니다. 이 기술은 웹 시대 초기에 큰 인기를 끌었지만 네트워크 기술의 지속적인 발전으로 인해 다른 기술로 대체되었습니다. HTML 프레임워크는 주요 요소인 , 및 의 프레임 요소 조합을 통해 구현됩니다. 이들은 각각 페이지 구조를 정의하고, 서브프레임을 정의하고, 외부 페이지를 프레임에 삽입하는 데 사용됩니다. </p> <p><frameset> 요소는 전체 페이지의 프레임 구조를 정의하는 가장 중요한 프레임 요소입니다. 여기에는 각 프레임의 크기, 위치 및 간격을 정의하는 행, 열 및 프레임 간격과 같은 몇 가지 중요한 속성이 있습니다. 간단한 예는 다음과 같습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><frameset rows="25%, 75%"> <frame src="header.html"> <frameset cols="50%, 50%"> <frame src="left.html"> <frame src="right.html"> </frameset> </frameset></pre><div class="contentsignin">로그인 후 복사</div></div><p> 이 예에서는 페이지가 프레임으로 나누어져 있으며, 상단 프레임은 페이지 상단 높이의 25%를 차지하고 하단 프레임은 75%를 차지합니다. 하단 프레임은 두 개의 열로 더 나누어지며, 각 열은 너비의 50%를 차지합니다. 각 프레임에는 표시하려는 웹 페이지를 지정하는 해당 src 속성이 있습니다. </p><p><frame> 요소는 각 하위 프레임을 정의하는 데 사용됩니다. 이는 일반적으로 <frameset> 요소 내에 중첩되며 src 속성과 프레임 테두리 및 스크롤 막대를 제어하는 다른 속성(예: 프레임 경계선)을 포함합니다. 예는 다음과 같습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><frame src="left.html" frameborder="0" scrolling="yes"></pre><div class="contentsignin">로그인 후 복사</div></div><p>이 예에서 <frame>은 "left"라는 프레임을 정의하고 "left.html"을 해당 콘텐츠로 지정합니다. Frameborder 속성은 프레임 테두리 표시 여부를 설정하고, 스크롤 속성은 프레임 내부에 스크롤 막대를 표시할지 여부를 제어합니다. </p><p><iframe> 요소는 <frame>과 유사하며 현재 웹페이지에 다른 웹페이지를 삽입하는 데 사용됩니다. <frame>의 주요 차이점은 <iframe>은 어디에나 중첩될 수 있지만 <frameset>은 프레임 페이지에서만 사용할 수 있다는 것입니다. 예는 다음과 같습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><iframe src="http://www.example.com" width="100%" height="400px">로그인 후 복사이 예에서 은 'http://www.example.com' 웹페이지를 현재 웹페이지에 삽입하고 너비 100%, 높이 400픽셀로 설정합니다. </p> <p>HTML 프레이밍 기술은 과거에 매우 인기가 있었지만 더 이상 사용이 권장되지 않습니다. 이는 다음과 같은 몇 가지 단점이 있기 때문입니다. </p> <ol> <li>문제를 일으킬 수 있는 페이지의 URL과 기록을 프레임화하세요. </li> <li>검색엔진 최적화도 어렵고 프레임 페이지 최적화도 어렵습니다. </li> <li>프레임 페이지는 오래된 기술로 간주되며 더 이상 많은 브라우저에서 지원되지 않습니다. </li> </ol> <p> 따라서 현대 웹 사이트 개발자는 반응형 웹 디자인 및 단일 페이지 애플리케이션과 같은 다른 기술로 전환했습니다. </p> <p>간단히 말하면 HTML 프레이밍 기술은 하나의 웹 페이지에 여러 웹 페이지를 표시하는 기술입니다. 과거에는 매우 인기가 있었지만 이제는 다른 기술로 대체되었습니다. 그럼에도 불구하고 이는 여전히 웹 발전의 중요한 단계이며 언급할 가치가 있습니다. </p>
