아이프레임

아이프레임(인라인 프레임의 줄임말)은 외부 HTML 웹페이지를 HTML 문서에 삽입할 수 있게 해 주는 HTML 요소입니다. 웹페이지의 구조를 만드는 데 사용되었던 기존 프레임과 달리, 아이프레임은 웹페이지 레이아웃의 어느 위치에나 삽입할 수 있습니다.

아이프레임은 아래 예와 같이 iframe 태그를 사용하여 HTML 문서에 삽입할 수 있습니다.

<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>

위 코드는 URL의 콘텐츠를 웹페이지 안에 728 x 90px 크기의 인라인 프레임으로 삽입합니다. 아이프레임의 소스(src)는 외부 웹사이트나 같은 서버의 다른 페이지를 가리킬 수 있으며, 예를 들어 src="/example.php"와 같이 지정합니다. 너비와 높이 속성은 필수가 아니지만, 아이프레임의 크기를 지정하는 데 일반적으로 사용됩니다. marginwidth와 marginheight 같은 다른 아이프레임 속성은 HTML 4 이하에서 지원되지만, HTML5에서는 CSS를 사용하여 아이프레임의 모양을 사용자 지정합니다.

아이프레임은 온라인 광고와 멀티미디어 등 여러 가지 용도로 사용됩니다. 많은 광고 플랫폼은 인라인 스크립트보다 유연하기 때문에 아이프레임을 사용하여 웹페이지에 광고를 표시합니다. 아이프레임에는 전체 웹페이지가 포함될 수 있으므로 광고주는 아이프레임 안에 추가 추적 코드를 넣어 광고주와 게시자 모두에게 정확한 보고가 이루어지도록 할 수 있습니다.

아이프레임은 웹페이지 안에 다양한 유형의 미디어를 표시하는 데에도 사용됩니다. 예를 들어 YouTube 동영상과 Google Maps 창은 아이프레임을 사용하여 웹페이지에 삽입되는 경우가 많습니다. 많은 웹 애플리케이션은 웹페이지를 다시 로드하지 않고도 동적 콘텐츠를 표시할 수 있기 때문에 아이프레임을 사용합니다.